css总结3（文本和字体）

文本

字体

前言

以下内容不含基本的字体样式，font-size、font-weight、color等等，主要学习font-weight

衬线体和无衬线体

 指定文本字体

font-family:font_value;
注意，虽然font_value单个词的字体可以不用引号也能正确解析，但是为了养成习惯最好写字符串值。

合法字体

### 常用分类
## (1) 系统默认字体：
宋体、黑体、微软雅黑(直接使用名称字符串即可)
## (2) Web安全字体：
大多操作系统和浏览器中都能找到的字体，适用性更强；
例如：Arial、Verdana、Times New、Roman
## (3) 自定义字体：
适用@font-face引入的外部字体文件

### 有无衬线分类
## (1) Serif(衬线)
Times New Roman
Georgia
Palatino Linotype
Book Antiqua
Baskerville
Garamond
Cambria
Didot
Bodoni
Rockwell
## (2) Sans-serif(无衬线)
Arial
Helvetica
Verdana
Tahoma
Calibri
Open Sans
Lato
Roboto
Futura
Gill Sans
## (3) Monospace(等宽字体)
Courier New
Consolas
Lucida Console
Menlo
Monaco
Andale Mono
Inconsolata
Source Code Pro
Fira Code
IBM Plex Mono

字体适用建议

### font-family: "Times New Roman", "Arial","sans-serif";
font-family的值可以支持多个，前面的优先级更高，如果不支持前面的就适用后面备用的，最后的值可以为"sans-serif"或"serif"来匹配通用的浏览器字体，以兼容任何浏览器字体都能正常展示(这种组合称为：Web安全字体组合)

导入外部字体

 @font-face {
  font-family: myFont;
  src: url(font_url);
}
div {
  font-family: myFont;
}