Comments on: font

By: Marc Lafay

Marc Lafay — Tue, 16 Jun 2020 10:07:58 +0000

How declare Google Fonts in the font property ? Usefull to use with variables ($font-base : 300 ‘Roboto’, sans-serif !default;)

By: Thierry Koblentz

Thierry Koblentz — Tue, 05 Apr 2016 14:05:02 +0000

Hi Chris, I think this paragraph (in Mandatory Values section) is misleading:

Two of the values in font shorthand are mandatory: font-size and font-family. If either of these is not included, the entire declaration will be ignored.

Because some keywords will work, for example:

p {
  font-weight:bold;
  font-size: 3em;    
  font: inherit;
}

In the rule above, the third declaration is not ignored. To the contrary, it will reset the font-weight and font-size declarations. See Section 15.8 Shorthand font property.

By: Elan

Elan — Wed, 29 Jul 2015 22:15:09 +0000

However, because we've redeclared the font property on the paragraph elements, all the optionals will be reset on the paragraphs, causing the style, variant, weight, and line-height to revert to their initial values.

Would something along the lines of font: 30px/inherit Georgia, sans-serif; fix this in terms of the line-height at least?

By: May

May — Mon, 11 May 2015 19:08:55 +0000

Why can’t font color be incorporated in the shorthand property?

By: James Williams

James Williams — Sat, 11 Jan 2014 13:33:40 +0000

Hey there – The Jonathan Snook: font size with rem link has died!