How to set font style in CSS

In web pages, we often set the font for the text in the web page. Use the font-family attribute to set the font style. So today we will teach you how to set up html fonts to css fonts.

Original html font setting

Html text font setting code:

<font face="黑体">我是黑体字</font>

CSS font setting

CSS font attribute word

font-family

CSS font css font-family usage method:

font-family:"设置字体名称";

exp:

CSS application example code:

.div{ font-family:"黑体";}

Corresponding html code:

<div class="div">我也是黑体字体</div>

Note: The above css font-family font case includes the original html font settings and css font settings.

Font selection skills

CSS fonts are common and we use two Chinese fonts: "Hei" and "Songti". Why is this? Because when the web page is loaded to select the font, the visitor system is called. The text font of the text library. If the font is not found, the default web font will be displayed. The operating systems installed by everyone (XP\VISTA\WIN7 and other systems) include these Chinese fonts by default. In this way, we need to use the fonts that come with everyone's operating system as web fonts, so we cannot set text fonts that we install separately. If we set a font that we installed separately, the font style will be set on our own computer, and the text fonts in this webpage will be greatly changed when other users browse this webpage.

font-family font selection

We have introduced the techniques of selecting CSS properties and values ​​in the VIP course.

We recommend four commonly used fonts:

Arial, Helvetica, Microsoft Yahei, Arial, Helvetica, and sans-serif.

font-family summary

Use css font-family to set the font for the object text. Be careful to use commonly used fonts and do not set the fonts you installed as the fonts of the web page. , so that when others browse your webpage, there will be no such font, resulting in unsightly text. Usually recommended fonts: Heilongjiang, Songti, Microsoft Yahei, Arial, Helvetica, sans-serif.

That’s it for the font setting methods and notes. I hope everyone can master it. For more exciting information, please pay attention to other related articles on the php Chinese website!

Related reading:

How to use the padding attribute in css

html editing converter

How to know whether the browser supports html

The above is the detailed content of How to set font style in CSS. For more information, please follow other related articles on the PHP Chinese website!