Home > Article > Web Front-end > What are the commonly used font attributes in css
Commonly used font attributes in css are: 1. "font-family" can specify the font type; 2. "font-size" can set the font size; 3. "font-style" can set the font style; 4. , "font-weight"; 5. "font-variant"; 6. "font".
The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.
css font properties
Properties | Description | CSS |
---|---|---|
font | Set all font properties in one statement | 1 |
font-family | Specify the font family of the text | 1 |
font-size | Specify the font size of the text | 1 |
font-style | Specify the font style of the text | 1 |
Specify The font style of the text | 1 | |
Specifies the thickness of the font | 1 | |
A rule that allows websites to download and use other fonts than the "Web-safe" font | 3 | |
Specifies the aspect value for the element | 3 | |
Shrink or stretch Current font family | 3 |
This attribute is used to specify the font type of text, such as Song, Hei, Official Script, Kai, Times New Roman, etc. The specific syntax is as follows:
{font-family:name;}
where name is the name of the font. For example:
{font-family: 宋体;}This attribute is used to set the size of the text . The specific syntax format is as follows:
{font-size:数值 | xx-small | x-small | small | medium | large | x-large | xx-large | larger | smaller | lentgth | inherit;}
The meanings of these parameters are: pixel value, minimum, smaller, small, normal, large, larger, maximum, relative font size, relative font size, percentage, inherit.
3. font-styleThis attribute is used to define the style of the font, that is, the display style of the font. The specific syntax is as follows:
{font-style: normal | intalic | oblique | inherit;}
The attribute values represent default value, italic, italic, and inheritance respectively.
4. font-weightThis attribute is used to define the thickness of the font. The specific syntax is as follows:
{font-weight: 100-900 | bold | bolder | lighter | normal;}
The attribute values are respectively Indicates numeric value, bold, thicker, thinner, default.
5. font-variantThis property is used to set the font display of uppercase letters. The specific syntax format is as follows:
{font-variant: normal | small-caps | inherit;}
The parameter values represent the default value, the font for displaying small capital letters, and inheritance respectively.
6. fontThis attribute can use multiple attributes at one time to define the text font, which is a composite attribute of the font. The specific syntax is as follows:
{font: font-style | font-variant | font-weight | font-size | font-family;}
(Learning video sharing:
css video tutorialThe above is the detailed content of What are the commonly used font attributes in css. For more information, please follow other related articles on the PHP Chinese website!