CSS Syntax Manual (1) Font Properties

1. font-family

Function: Used to change the font of HTML logos or elements. You can set a list of available fonts. The browser selects fonts from front to back.
Syntax: {font-family: font 1, font 2, ... , font n}
Example:

Font

2, font-style

Function: Make the text display as italic or italic, etc. Express emphasis.
Value:
normal - normal
italic - italic
oblique - skewed
Example:

Normal

Italic

Oblique

3, font-variant

Function: used for normal and small caps Switch between fonts.
Value: normal - If this flag inherits the parent element's small-caps setting, the keyword normal sets the font-variant to the normal font.
small-caps - Display lowercase letters as uppercase letters in a smaller font.
Example:

FONT-VARIANT

4, font-weight

Function: Used to set the font grayscale and generate dark and light versions of the font.
Value:
Normal grayscale - normal
Relative grayscale - bold, bolder, light, lighter
Gradient grayscale - The values ​​are as follows: 100, 200, 300, 400 (equivalent to normal), 500, 600, 700 (equivalent to in bold), 800, 900.
Example:

Font grayscale

5, font-size

Function: Control text font size with various measurement units.
Value: There are four numerical methods
Absolute size - Use a specific font size table to define the font size, which can take one of the following values: xx - small, x-small, small, medium, large, x-large, xx-large. Different fonts have different values.
Relative size - larger, smaller, the generated size is relative to the font size of the parent container.
Length - use millimeters (mm), centimeters (cm), inches (in), points (pt), pixels (px), pica (pc), ex (height of lowercase letter x) or em (font height) as Unit of measure.
Percentage - Percentage relative to the font size of its parent element.
Example: font size

6. font

Function: Abbreviation attribute, provides a quick way to set all attributes of the font.
Syntax: {font: font attribute 1 font attribute 2... font attribute n}
Value: The font attribute value is the value listed previously. In addition, you can also set the line spacing attribute line-height (see text attribute), content The order is: font-style; font-variant; font-weight; font-size; line-height; font-family. Some attributes can be omitted, and attribute values ​​are separated by spaces.
Example:

FONT

The above is the content of CSS Grammar Manual (1) Font Attributes. For more related content, please pay attention to the PHP Chinese website (www.php.cn)