How to set font text in css

When it comes to the font attribute, what everyone thinks of must be text, so this article will take you to have a good understanding of CSS text settings, or learn about text style settings.

CSS can set the style of text. What are the css fonts?

font text directory

CSS text size

Color of text

DIV CSS text underline

DIV CSS text spacing

CSS text font

Text upper and lower line spacing

CSS font style (italic)

CSS word bolding method

DIV+CSS English words, upper and lower case letters

DIV+Css Setting fonts in development Common css attributes words English css font-can enter the CSS manual View more detailed CSS text knowledge
font, font-family (font), font-size (font size), font-style (font style), font-weight (css bold), text-decoration (underline), font-variant (letter case), text-transform (English case), letter-spacing (spacing)

Next , we explain one by one examplesThrough css text control method

1. Use font-size for font size

First set the value of font-size to 36px, then The results below show a larger font size.

2. The color of the text

The text color uses the css color color attribute and sets the color of the text style to red through the color update style value

3. Css to control the underline of the text Method css font, use text-decoration

text-decoration, you can go to the css manual to understand the corresponding values. You may also want to know about css links, css hyperlink styles, css underline

4. Text spacing - enter detailed CSS word spacing to understand

5. Text font - use the css style attribute font-family

General font-family The font can be the same as the common "Songti", "New Songti", and "Heishi". Please note that you cannot set the font style that does not participate. Although it may be possible to set the font on your own computer, most computer users have not added it. Fonts, so here the fonts can only be set to common fonts that come with the system, but not fonts installed by yourself, and Chinese fonts can be converted to Unicode encoding.
The computer comes with fonts, and commonly set text fonts include boldface, New Song Dynasty, Song Dynasty, Arial, Helvetica, sans-serif, etc.

6. The upper and lower line spacing of text

The upper and lower line spacing Use css text to set the word line-height. Here set line-height:50px;

You can see the demonstration css font text field "I am controlled by css text style demonstration" . "The distance from the context word is achieved through css line-height. Maybe you need to understand the difference between br and p.

7. Font style (italic)

Italic text is set using the font-style tag in the css style, such as font-style: italic. Of course, you can use the tag to change the text into Italics