开发者学堂课程【零基础学前端 HTML+CSS：准备工作字体】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/398/detail/5135
字体
内容介绍
一．什么是 CSS 字体
二．字体属性
三．案例代码
一．什么是 CSS 字体
文字在 CSS 的设置里可以设置文字的字体、大小、文本的缩进。文字的字体和文字的大小是最常设置的。
1. font-family : 字体
2. font-style : 文字效果斜体
3. font-size : 文字大小
4. text-indent : 文本缩进
5. font-weight : 文字粗细
二．字体属性
1. {font-family: "Times New Roman”,Times, serif;}/*设置多个字体*/
font-family 选择的字体一定是自己电脑里有的字体。如果用户的操作系统里边有第一个字体，就按第一个字体来读，如果没有就按第二个字体来读，这种设置的顺序，可以安装多个字体。
2. {font-style:normal;}/*正常显示文本*/
显示正常文本的状态，默认是正常文本。
3. {font-style:italic;}/*斜体*/
4. {font-size:40px;}/*文字为 40 像素*/
em : px/16=em 1em=16px
em 是一个相对的标准值, 1em 等于 16 像素。
三．案例代码
<! DOCTYPE html><html>
<head lang=" en">
<meta charset="UTF-8">
<title></title>
<style>
* {
font-size:1em; //改变字体的大小
font-style:inherit; /*字体效果*/
}
<style>
</head>
<body>
测试信息
</body>
</html>
运行结果如图：
font 中都是文本的元素，提词的时候可以看到，里面有 CSS 3.0 的也有 CSS 2.0的，内容可以参考样式表的手册，font-size 是一个尺寸，可以设定一个值大中小，一般还是选择一个数字的值。改变 2em 或者 3em 显示的字体大小不同，font-style 里的效果可以是斜体 italic ，可以设置一些属性，font-family 选择的字体一定是自己电脑里有的字体。不能设置用户自己没有的字体，不然就会自动从服务器下载字体，这样文件量就会变大，一定要文件量考虑进去，选择的字体可以设置多个。
