How to set html font

In HTML, we can use the element to set the font style. The syntax is as follows:

<font size="数字" color="颜色名称或十六进制代码" face="字体名称">要显示的文字</font>

Among them, the usage of the three attributes are:

• sizeSet the font size;
• colorSet the font color;
• faceSet the name of the font.

For example, if you want to set the font of a paragraph to red, 14 pixels in size, and use Helvetica font, then you can write as follows:

<p><font color="red" size="14" face="Helvetica">这是一段红色的文字，使用Helvetica字体。</font></p>

It should be noted that although you can use The above method is used to set the font, but the element has been abandoned and is not recommended for use in actual development. Moreover, setting too many font style elements can make the code difficult to maintain, which is also a big problem at work.

CSS style sheet to set font

In order to solve the above problems, we can use CSS style sheet to set the font. In CSS, you can set the font style through the following properties:

• font-family Set the name of the font;
• font-sizeSet the size of the font;
• font-weightSet the thickness of the font;
• font-styleSet the style of the font, such as slant, etc. ;
• text-decorationSet the underline, strikethrough, etc. of the font.

With these properties, we can set the font in a more concise way, as shown below:

<style>
    p {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: normal;
        font-style: normal;
        text-decoration: none;
    }
    .red {
        color: red;
    }
</style>

<p class="red">这是一段红色的文字，使用Helvetica字体。</p>

In the above code, we define a style as ## The selector of #p means that it will apply to all

tags, and then some font style attributes are set. In addition, we also define a selector with the class red, which means that it will act on all elements using this class name. This way we avoid setting the font directly in the HTML markup and instead use a CSS stylesheet to control the font style.