Website Font text different on IE

5 replies
Hey guys I am having issues getting my text to look decent in internet explorer. It's great in everything else but that browser. Should I html code the font or is there another way around this issue? Any help from designers would be great thanks.
#font #text #website
  • Profile picture of the author Bryan
    Originally Posted by JeffHylands View Post

    Hey guys I am having issues getting my text to look decent in internet explorer. It's great in everything else but that browser. Should I html code the font or is there another way around this issue? Any help from designers would be great thanks.
    If you want to ensure the font looks a certain way you will need to either apply the font tag and other attributes, like the following tutorial mentions:

    HTML font tag

    You can also creat a style that includes the font face, color, font size, and other if you want and then apply the style. On that same site... just check out CSS info on Fonts and text:

    CSS Tutorial
    {{ DiscussionBoard.errors[6895265].message }}
  • Profile picture of the author MrMonetize
    IE interprets fonts and layouts differently for some reason. I'm a designer and its a nightmare to optimise for despite it been the most popular browser. Do you mean the fonts look thinner?

    What version are you using? Make sure you are using a font that is supported in all browsers, something like Arial, Verdana or Tahoma. You can also create a separate style sheet just for IE and allow the main style sheet for Chome, Firefox, Safari and Opera.
    {{ DiscussionBoard.errors[6895307].message }}
  • Profile picture of the author Fredbou
    Originally Posted by JeffHylands View Post

    Hey guys I am having issues getting my text to look decent in internet explorer. It's great in everything else but that browser. Should I html code the font or is there another way around this issue? Any help from designers would be great thanks.
    That will also depend on the version of IE and it could also look different in Mac, Linux and on mobile devices. When you say "everything else", that's a broad statement! There are very few fonts that look "decent" in everything.

    Play it safe and check this site:

    Dustin Brewer Web Design » Blog Archive » Fonts on the web and a list of web safe fonts
    Signature

    {{ DiscussionBoard.errors[6895371].message }}
  • Profile picture of the author JeffHylands
    Thank you for your feedback guys. Im working with a yahoo store at the moment and am working on improving conversions and saw the font was way different than it showed in chrome or firefox. I went to my Google analytics and saw most people view my site on the IE browser so think it would be wise to make it look best under it.

    The easy way of making the site under one font though the store doesn't work but the html coding per page does, it'll take alot of time but if it makes me money I don't care. I remember IE being a pain in my ass with some other store platforms in the past too didn't think yahoo had that issue.
    {{ DiscussionBoard.errors[6895408].message }}
  • Profile picture of the author MrMonetize
    I mentioned the fonts that I use, these are websafe fonts. Use the guide posted above and you should be fine. You have just experienced what us designers have to go through every week. I hate Internet Explorer.
    {{ DiscussionBoard.errors[6895566].message }}

Trending Topics