一般情况下，浏览器在显示字体时，只会使用终端系统上已安装的字体。为了可以按照自己意愿使用一些更优雅的自选字体，可以利用CSS3的@font-face模块来嵌入字体。这些嵌入的字体被放置在服务器中，浏览器会根据程序指令将对应的嵌入字体下载到本地，并应用于字体的显示。

@font-face模块的基本语法规则为：

@font-face {
    font-family:FontName;
    src:source format;
    font-weight:weight;
    font-style:style;
}

参数简要说明如下：

• FontName：表示指定的自定义字体的名称。

• source：表示指定的自定义字体的存放路径，可以是相对路径，也可以是绝对路径。

• format：表示指定的自定义字体的格式，主要包括：truetype、opentype、truetype-aat、embedded-opentype、avg等。

• font-weight：指定字体是否为粗体。

• font-style：指定字体的样式。
  

字体图标就是把图标从图像格式转换成字体格式，从而赋予其像字体一样的属性。字体图标有许多优点，主要包括：

• 适用性：字体图标比图像体积更小，可以很快加载和渲染。

• 灵活性：可以像字体一样通过属性设置大小、颜色、阴影等效果。

• 兼容性：得到了所有现代浏览器的支持。