Is there anything I need to make sure of when creating a HTML5 page in Hype that ensures it will look good on all (or at least most browsers and systems)
I made sure there were no compatibility flags (like you get when using opacity and a rounded corner)
and most of the site is fine.
the one thing that seems to be different on each browser is the text. in Safari on Mac it looks the same as in Hype. in IE11 or Firefox the text is bigger and doesn’t fit the reserved spaces anymore.
also it doesn’t really seem to be a browser but a platform problem
the fonts look fine on safari and firefox on mac (although firefox makes the fonts MUCH bolder than they are in Hype or Safari)
but on Windows it the fonts are not displayed correctly on either IE11 or Firefox
You may want to extend the available width of the text boxes. IE might be increasing letter-spacing or word-spacing. Here’s how it looks for me in IE11:
Good to read you got it looking fine . Maybe another tip that works at least for me is to ad the following to the body style to the head of my documents to prevent FF from bolding text and Safari from making text look thinner then thin:
body {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: subpixel-antialiased;
}
any other ideas?
. Maybe another tip that works at least for me is to ad the following to the body style to the head of my documents to prevent FF from bolding text and Safari from making text look thinner then thin: