Font showing as serif in Chrome Safari, showing as sans-serif in Firefox

  • All fonts on my blog should be Geneva; Arial. However, in Chrome and Safari, the right sidebar font is serif. I’ve thoroughly checked the code throughout and there is no mention of serif fonts anywhere. All are marked as Geneva; Arial.

    My blog is at https://www.thinkoutsidein.com/blog

    Any help appreciated!

Viewing 3 replies - 1 through 3 (of 3 total)

  • I had a quick look at your css, according to webkit inspector you have declared as font-family:’geneva, helvetica, arial’, sans-serif;

    you can just use font-family: geneva, helvetica, arial, sans-serif; (see no quote marks) and it should render properly. Throughout the style sheet sometimes you have different quoting patterns around font families, if you ditch the ”s in all of them it should be cool.

    The ONLY font names that should have quotes surrounding them (“) are those with more than one word, such as “Times New Roman”.

    Thread Starter padday

    (@padday)

    Ah ok, that’s great folks, thanks a lot!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Font showing as serif in Chrome Safari, showing as sans-serif in Firefox’ is closed to new replies.

Tags