Css rendering (1) font and text, css rendering font text

Css rendering (1) font and text, css rendering font text

I. Font attributes

1. default font family

Chrome/opera: ""

Firefox: ""

Safari/IE: Times, ""

2. Font attributes

Font type

Font-family defines the font type during initialization, such as

Font-family: arial, "", ""; // [note] If the browser recognizes the first font, it is displayed in the first font. If it is not recognized, then try the next one.

Font Size

Font-size

Apply to: All elements

Inheritance: Yes

Percentage: font-size relative to the parent Element

Default font size

Chrome/firefox/opera/IE/safari: 16px

Minimum font size

Chrome: 12px

Opera: 9px

Safari/IE/firefox: None

Bold font

[1] common values

Font-weight: normal (normal, default) font-weight: bold (bold)

[2] All values

Normal (normal)/bold (bold)/bolder (thicker)/lighter (finer)

100/200/300/400/500/600/700/800/900 (100 is the finest, 900 is the largest)

Font Style

Font-style: normal (default) font-style: italic (italic) font-style: oblique (Skew)

Row Height

Line-height: normal (default) line-height: specific value

Color　

color：red