No bold text with short-hand font property

Question

I was reading that font weight is an optional value in the Short-Hand Font Property. Yet, if I don't state it, it will make everything font-weight: normal, including strong and heading elements. Can someone clarify this for me.

* {
  font: 100%/1.3 serif;
}

<h1>Heading one</h1>
<p>First paragraph.</p>
<p>Another paragraph, with <b>bold</b> and <strong>strong</strong>.</p>

https://stackoverflow.com/questions/20107/yui-reset-css-makes-strongemthis-not-work-em-strong — mplungjan, Jan 29 '18 at 07:37
I noticed that using `body { }` instead of `* { }` actually lets your heading, bold and strong elements become bold as they should be. — Bellator, Jan 29 '18 at 07:38

score 1 · Accepted Answer · answered Jan 29 '18 at 07:38

In shorthand font, the font-size and font-family are required. Everything else is optional. However, the values omitted will be set to their initial values, which in most cases is “normal”, as against “bold”. This is the case with headings, and strong and bold tags as well.

No bold text with short-hand font property

1 Answers1