"font-family: monospace, monospace"

css monospace normalize-css
Artisan72 picture Artisan72 · Aug 5, 2016 · Viewed 34.1k times · Source

I'm just curious, in normalize.css, the monospace font rules contain

font-family: monospace, monospace;

Is there a difference to

font-family: monospace;

? There must be a reason for using that. Maybe it's a workaround for the behaviour of some browsers?

Answer

Kyle O picture Kyle O · Aug 5, 2016

You are right. The font-family: monospace, monospace; declaration is a simple hack/workaround for some browsers which tend to reduce the font size of monospace fonts.

More info on this Github issue: https://github.com/necolas/normalize.css/issues/519#issuecomment-197131966

Related questions

Can you specify tabular lining figures for webfonts?

Since it's possible to specify lining and oldstyle figures I'm hoping there's browser support for tabular numerals with webfonts?## Left: default numerals Right: desired tabular numerals (notice monospaced) Font: Brandon Grotesque Related: Is there a way to specify the use …

Read More
How to horizontally center a <div>

How can I horizontally center a <div> within another <div> using CSS? <div id="outer"> <div id="inner">Foo foo</div> </div>

Read More
How do I vertically center text with CSS?

I have a <div> element which contains text and I want to align the contents of this <div> vertically center. Here is my <div> style: #box { height: 170px; width: 270px; background: #000; font-size: 48px; color: #…

Read More