Common content of Font series in CSS

Font

The values of the following five properties can be defined at once, and the first four are common. Not all of them are written, there is nothing, nothing is not written, each attribute value is separated by a space.

　　To tell the truth, if you can write alone, I really do not know what the benefits of such writing, but also trouble

　　Note: The Order of writing

• Font-style
• Font-variant
• Font-weight
• Font-size/line-height
• Font-family

There are also some other property values: It is mainly used in the development of some special applications, such as drop-down lists, buttons, dialog boxes, icon markers, window status bar, etc.

　　　　

Caption	Defines the fonts that are used by header controls such as buttons, drop-down lists, and so on.
Icon	Defines the font that is used by the icon tag.
Menu	Defines the font that is used by the drop-down list.
Message-box	Defines the font that is used by the dialog box.
Small-caption	A small version of the caption font.
Status-bar	Defines the font that is used by the window's status bar.

Font-family

Defines a font family, which can have multiple values, each of which is represented by a comma. If a value (that is, a font family) has multiple words, the value is marked with single or double quotation marks

such as: p { font-family:"Times New Roman",Georgia,Serif; };

Font-style

Define font family: normal Itallic Oblique

Italic and oblique show italics, but italic is a subtle change in the various parts of the word, oblique is realized by vertical tilt. But the two show up in the browser with no difference.

Font-weight

Normal bold (bold) bolder (thicker) lighter (finer) 100~900 (400 equals normal,700 equivalent bold)

　　Note: The bold is not in Font-style, it was always confused.

Font-size

Font size, mainly px and EM units of the distinction, the current EM is not very clear, later update.

Font-varient

Normal Small-caps (the browser will display the words in small caps)