Font for CSS attributes and font for css attributes

Font for CSS attributes and font for css attributes

Font for CSS attributes)

Font: [[<font-style> | <font-variant> | <font-weight>]? <Font-size> [/<line-height>]? <Font-family>]

Composite attributes. The attributes are described below.

It must contain both font-size and font-family, and the order of these two values cannot be changed. The values of other keywords are placed before these two values, and the order can be randomly disrupted.

You can place an optional line-height value on the font-size value as an ancillary value of the font size, followed by a font-family.

Font-style: normal | italic | oblique

Normal: Specifies the text font style as a normal font.

Italic: specifies that the text font style is italic. For special fonts without italic design, if you want to use the Italic appearance, the oblique will apply.

Oblique: specifies that the text font style is skewed. Human text skews, rather than selecting italics in the font.

Note: the differences between italic and oblique cannot be seen, at least in the Chrom browser.

Font-variant: normal | small-caps

Normal: normal font.

Small-caps: small uppercase letter font.

Font-weight: normal | bold | bolder | lighter | <integer>

Normal: normal font. The number is 400.

Bold: bold. The number is 700.

Bolder: Special bold. It is also equivalent to strong and B objects.

Lighter: fine body.

<Integer>: The font width of text is represented by numbers. Value Range: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900.

Font-size: <absolute-size >|< relative-size >|< length >|< percentage>

<Absolute-size>: adjusted based on the object font. Optional parameter values: xx-small | x-small | medium | large | x-large | xx-large. With medium as the basic reference, xx-small is equivalent to medium 3/5 (h6), x-small: 3/4, small: 8/9 (h5), medium: 1 (h4), large: 6/5 (h3), x-large: 3/2 (h2), xx-large: 2/1 (h1 ).

<Relative-size>: relative to the parent, the font size in the image is adjusted. Use a proportional em unit. Optional parameter value: smaller | larger.

<Length>: Specify the text size with the length value. Negative values are not allowed.

<Percentage>: Specify the text size by percentage. The percentage value is based on the font size of the parent object. Negative values are not allowed.

Font-family: [<family-name> | <generic-family>] [, <family-name> | <generic-family>] *

<Family-name>: font name. Sort by priority. Separated by commas. If the font name contains spaces or Chinese characters, use quotation marks.

<Generic-family>: font sequence name.

Font-stretch: ultra-condensed | extra-condensed | semi-condensed | normal | semi-expanded | extra-expanded | ultra-expanded

Ultra-condensed: the width of a text is 4-digit smaller than that of a normal text.

Extra-condensed: the width of a text is three smaller than that of a normal text.

Condensed: the number of condensed characters is two less than the normal text width.

Semi-condensed: the width of a regular text is limited to 1 base.

Normal: normal text width.

Semi-expanded: the width of a base number is 1 wider than that of a normal text.

Expanded: two bases wider than normal text.

Extra-expanded: The base number is three times wider than the normal text width.

Ultra-expanded: The base number is four times wider than the normal text width.

However, even if it is supported, the display effect is no different from that of normal text.