1、打开开发工具，新建一个HTML文件。
2、使用font-family属性设置，字体代码：.demo1{font-family: "microsoft yahei"}。
3、使用font-size属性设置字体的大小代码：.demo1{font-size: 20px}。
4、使用font-style 属性设置字体风格：normal - 文本正常显示italic - 文本斜体显示oblique - 文本倾斜显示。
5、使用font-weight属性设置字体的粗细代码：.demo2{font-weight: 600}。
6、使用color设置字体颜色代码：.demo1{color: #FF0000}。就完成了。
为了改变网页字体，你可以使用 font-family property。
注意， 当字体的名字多于one word，它必须被双引号括起来 ，如下：
若需加粗文本，可使用font-weight property。
若不想设置加粗，则可设置value为normal。
默认情况下， font-weight为normal。但是Some elements, like headers, have built-in bold styling。可以根据elements的默认值来选择是否需调整其font-weight。
font-weight 的值也可被设为100的倍数。如：
1. 400 is the defaul t font-weight of most text.
2. 700 signifies a bold font-weight.
3. 300 signifies a light font-weight.
注意not all fonts 都支持使用数字来表示font-weight。
你可以使用font-style property来使得文本变为斜体。其默认值是normal。
改变文本的对齐方式，可以使用text-align property.其value可设为left，right，center。
另一个可修改的属性为line-height，它可以修改文本的leading（行距）。下图展示了二者的关系：
你可以设置不同的行距来增强文本的legible（可读性）。有两种values：
1.A unitless number（无单位数值）, such as 1.2。这个数值是一个按照font size的比例（ratio）计算的绝对的值。
2，A number specified by unit（有单位数值）, such as 12px。
通常使用A unitless number（无单位数值）来表示 ，因为其更加responsive（响应灵活） and based exclusively（独家） on the current font size。也就是说当你的font size变时，a unitless line-height 也会自动调整。
1、我们选择将我们的样式全部建到一个CSS文档中，通过调用CSS文件来加载样式。
2、在头部调用CSS文件样式。
3、对于CSS，我们最常用的是通过class或是标签名来控制样式。
4、我们控制字体样式使用的font。
5、比如我们要设置字体的大小，那么我们可以使用font-size,来进行设置。
6、如果我们需要设置字体样式，那么我们可以使用font-family。
7、如果我们需要给字体加粗，那么我们可以使用font-weight。
8、在设置字体过程中，除了font常用外，其次比较常用的就是text了，我们可以利用text,设置字体的一些其他样式，比如text-align可以设置文字的对齐方式。
9、而text-decoration可以清理或是设置不同样式的下划线。我这里利用text-decoration:none去掉了下划线。
10、如果您定义的容器比文字的宽度小，那么可以设置overflow:hidden，当溢出后，便会自动隐藏其溢出的内容。
11、font-style可以设置字体的样式。
