Letter spacing consistency

[Curtis Thompson]

hello…

you could always create some ie-specific style calls either in the header or via a browser test / import of an ie only css script…

https://en.wikipedia.org/wiki/Conditional_comment#Downlevel-hidden_conditional_comment

or if you are running php or another scripting language, you can test their browser there and do an import that way for ie…

(and then of course you could style css letter spacing in said css.)

hope that helps!

sitruc

[Alex Kittavong]

Hey Curtis,

Thanks for the reply. I just did that for IE, works great. I am now starting to realize that any browser on a PC is giving me this issue. Is there another way to keep letter spacing, fonts, and etc consistent?

[Curtis Thompson]

hello…

if you are running php, you can get the user’s os:

https://php.net/manual/en/function.get-browser.php

and do an import for non-mac/unix only…but it would get a bit convoluted.

alternately, you can try to use a different typeface, but i understand from a design perspective that is not always an option. in general, fonts will look very similar across platforms on pages, but to a picky eye, there will always be small differences. :-/

you could also try embedding fonts, but that won’t work for older ie browsers…but it could give you better consistency.

sitruc

[Alex Kittavong]

I am embedding fonts for the navigation menu. Even though, there still are differences between the mac and pc, even using Arial. The thing with pc is that the fonts on a pc web browser’s, the fonts arent aliased. On a MAC however, they are. Its hard trying to stay consistent with the designs when that happens. I tried using -webkit-font-smoothing:subpixel-antialiased; but thats not working for some reason. I have it on my page right now if you want to check it out.