Home  >  Article  >  Web Front-end  >  What are the commonly used font attributes in css

What are the commonly used font attributes in css

青灯夜游
青灯夜游Original
2021-12-09 14:26:4414986browse

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".

What are the commonly used font attributes in css

The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.

css font properties

##font-variantSpecify The font style of the text1font-weightSpecifies the thickness of the font1@font-faceA rule that allows websites to download and use other fonts than the "Web-safe" font3font-size-adjustSpecifies the aspect value for the element3##font-stretchThe following is a detailed introduction to some commonly used font attributes.
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
Shrink or stretch Current font family 3

1. font-family

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: 宋体;}


2. font-size

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-style

This 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-weight

This 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-variant

This 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. font

This 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 tutorial

)

The 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!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn