Web前端-HeadFirst-CH8-字体种类

font-family系列：

①sans-serif:无衬线，在电脑上易读。

②serif：有衬线，多用于新闻印刷。

③monospace：字母占固定宽度，多用于显示代码。

④cursive：类似手写

⑤fantasy：装饰性字体。

Web字体

保存字体文件在服务器上，即使用户没有此字体，也可以显示。

采用CSS内置规则：

@font-face ，此规则成为标准，但字体格式还未形成标准，有五大类。

字体类型

①True Type：.ttf 

②Open Type: .otf   --------- Open Type建立在True Type之上

③Embedded Open Type: .eot   ---------是OpenType一种压缩形式，仅IE支持

④SVG: .svg  ------- Scalable Vector Graphics 用图像格式表示字符

⑤Web开放字体格式：.woff ------------建立在TrueType基础上，大多数浏览器都支持

使用方法

1. 上传至服务器的字体

1. 找到一个字体
2. 确保格式被浏览器支持
3. 上传至服务器 获得url :         http://~~名字.格式
4. 在CSS中增加font-face属性       @font-face{ 声明名字Lfont-family:"名字"；说明来源：src：url（“ http://~~名字.格式”），可有多个来源备选；}
5. 在CSS中使用font-family名字    ：元素{属性：“指定名”}

2.来自网络的CSS字体

1.  在html中增加链接      <link href="http://~~.css" ref=‘stylesheet’ type='text/css'/>
   
2. 在CSS中直接使用字体名字：font-family:“字体名字”

常见的字体托管网页

①FontSquirrel

②Google Web字体服务

CSS内置规则：

@font-face

@import：在CSS中引入其他CSS文件

@vedio：晕粗创建某些特定于某些“媒体”类型的CSS规则，如手机，桌面屏幕，印刷页。