The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Websafe, sans-serif fonts rendering as a Standard Serif fonts

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #41814

    Hello, I’m currently making a website which is at:

    At present, my client is complaining that the fonts are partially sans-serif, and partially serif.


    Now, I’ve been doing this a while, and my font stack looks like this:* {
    font-family: verdana, tahoma, geneva, sans-serif; }

    Which, last time I checked, was about as cross browser as it gets, but I can’t deny their screenshot, they aren’t showing up right. It shows the wrong fonts in Firefox and Safari. Also, if you look at their screenshot, you’ll see that Verdana is crossed out, as far as its concerned it is rendering… any ideas? I’m banging my head against the wall with this!

    Many thanks!


    Extra – Here is how I experience the site, and how it should look:


    Thanks @ChrisP for checking, I’m sure something is up with their operating system.

    Can anyone else shed any light on this/do you get any other results?


    The Screenshot suggests that it’s a Mac. And i guess the font is falling to Georgia.
    You can try putting sans-serif inside single quotes.. Or put helvetica:
    font-family: verdana, helvetica, tahoma, geneva, sans-serif;

    Let me know if that helps.
    Cheers! :)


    Looking good!

    Either, @neerukool helvetica fixed it, or @jurotek moving the universal declaration to the body tag did, either way thank you all. I still am not entirely sure why a Mac with Chrome and Firefox wasn’t displaying a websafe font, but oh well!

    Thank you all very much, its really appreciated.



    @sheepysheep60 Windows and OS X have different fallbacks. If you’re only setting a fallback to let’s say, Arial, OS X won’t have that. You would need to set it to Helvetica.

    body {
    font: normal 300 15px “Custom Webfont”, Helvetica, Arial;

    I usually put Helvetica first for fallback in case the webfont fails and users on Windows have it installed as it will look the same on both platforms.


    Thanks everyone. @jurotek that’s a great read, really nice looking website too : )

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.