CSS文本字体样式（font）

font字体

font-size / 字号

1. font-size属性用于设置字号，如：

<style>
  p {  
    font-size:20px; 
}
</style>

1. 单位

相对长度单位比较常用，推荐使用像素单位px，绝对长度单位使用较少。

1. 值得注意：不同浏览器的默认文字大小可能不一致，尽量给浏览器一个明确字号大小，以适配不同的浏览器。一般在 body 标签内指定整个页面的字号。

font-family / 字体

1. font-family属性用于设置文本使用哪一种字体。如：

<style>
  p { font-family:"微软雅黑";}
</style>

1. 可以同时给文本指定多种字体，中间以逗号,隔开，表示如果浏览器不支持第一个字体，则会尝试下一个，直到找到合适的字体。如果都没有，则以电脑默认的字体为准。

<style>
    p {font-family: Arial,"Microsoft Yahei", "微软雅黑";}
</style>

1. 值得注意：

   • 中文字体需要加引号“”，英文字体一般不需要加引号。当需要设置英文字体时，英文字体名必须位于中文字体名之前。
   • 如果字体名中包含空格、#、$等符号，则该字体必须单引号’’或双引号“”，例如：font-family : “Times New Roman”;。
   • 尽量使用系统默认字体，保证在任何用户的浏览器中都能正确显示。

2. Unicode字体，使用Unicode编码代替字体名称（中文），例如：

   font-family: "\5FAE\8F6F\96C5\9ED1";   表示设置字体为“微软雅黑”。
   

使用 Unicode 字体可以避免在文件编码不匹配时，产生的乱码问题。还有一种方式是使用字体的英文名称。下表列出了常见字体的英文名称及Unicode编码：

font-weight / 字体粗细

在html中使用 和 标签可以实现字体加粗。在CSS中通过改变font-weight属性值的大小，可以改变字体粗细。font-weight属性值有：

选择器 { font: font-style  font-weight  font-size/line-height  font-family;}