-
Letter spacing consistency
Been having this issue where letter spacing is wider on IE than an other browser. I’ve tried everything i could think of, but nothing is working. Is there a fix for this? Here is the link to my page: https://theadamgrp.com/test/hcsmu/
Thanks!
-
4 Replies
-
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
-
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?
-
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
-
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.
Reply to this Discussion! Login or Sign Up