6 {{ upvoteCount | shortNum }}
6 {{ upvoteCount | shortNum }}

Firefox doesn't display serif font family.

by NateJasper
4 replies
  • WEB DESIGN
    • |
I'm designing a html page where I declared serif for my font family in the CSS. It displays just as I expect in Chrome, Opera, and IE but it displays as a sans-serif font in Firefox. Anyone know what's going on here?

Here's the CSS.

Code:
h1#headerLine1  {
	color: white;
	font-size: 42px;
	font-family: serif;
	font-weight: bold;
	text-align: center;
	margin: 0px;
	
	
}
#display #family #firefox #font #serif
  • Profile picture of the author WPcrew
    Interesting. Looks like Firefox forces use of sans-serif vs regular serif. I always used sans-serif, never serif. When I need serif, I used Georgia.
    I researched further, look what I found:

    Use sans serif for online work

    An important exception must be made for the web. Printed works generally have a resolution of at least 1,000 dots per inch; whereas, computer monitors are typically around 100 dots per inch. Even Apple's much vaunted retina display is only around 300 dots per inch — much lower than print.
    Serif and sans-serif fonts

    I guess you can use Georgia, there won't be much difference.
    {{ DiscussionBoard.errors[9009525].message }}
  • Profile picture of the author KirkMcD
    How is your serif font defined in your copy of FF?
    It's on the Options/Content tab then click the Advanced button.
    {{ DiscussionBoard.errors[9009865].message }}
  • Profile picture of the author SJL
    Default fonts may vary on different browsers / OS setups. I would recommend defining actual font.

    Here's the list of "web safe" fonts
    CSS Web Safe Fonts

    But I would higly recommend Google webfonts
    Google Fonts
    Signature
    {{ DiscussionBoard.errors[9010771].message }}
  • Profile picture of the author sham2
    I suggest you this link https://developer.mozilla.org/en-US/...SS/font-family. here you can know and get that you want. Here every font describe in details.
    {{ DiscussionBoard.errors[9011333].message }}

Trending Topics