服务器端字体和iconfont

1、服务器端字体

在CSS3之前，页面文字所使用的字体必须已经在客户端中被安装才能正常显示，在样式表中允许指定当前字体不能正常显示时使用的替代字体，但是如果这个替代字体在客户端中也没有安装时，使用这个字体的文字就不能正常显示了。

为了解决这个问题，在css3中，新增了Web Fonts功能，网页中可以使用安装在服务器端的字体，只要某个字体在服务器端已经安装，网页中就能正常显示了。

语法：@font-face 说明：

@font-face{

font-family:WebFont;

src:url("fonts/Fontin_Sans_B_45b.otf")format("opentype");

}

div{font-family:WebFont;}

WebFont用来声明使用服务端的字体。

format用来声明字体文件的格式，可以省略文件格式的声明而单独使用src属性值。

字体文件的格式有OpenType与TrueType，前者的属性值为opentype，后者的属性值为truetype;前者的文件扩展名为.otf

后者的为.ttf

2、iconfont

什么是iconfont？

我们现在通常所指的iconfont，是用字体文件取代图片文件，来展示图标、特殊字体等元素的方法。

引入：<link rel="stylesheet" type="text/css" href="iconfont/iconfont.css"/>