@font-face可以把字体压缩到服务器，在客户端读取后渲染，从而达到在没有安装字体的客户端也可以浏览到艺术字体的功能。

语法：@font-face { font-family : name ; src : url ( url ) ; sRules }

一个字符串，用于指定以下值：

font-family: font-familyName

可用于 font-family 属性的值范围中的任意值。

src: url( sURL )

字体文件的位置，其中 sURL 是绝对 URL 或相对 URL。

@font-face定义字体，font-family为定义字体的名称可以随便写，src为字体文件路径。然后在需要使用这个字体的标签里像平常那样调用就可以了，比如.div{font-family:"myfont"}

eot字体用于微软的IE浏览器，TTF字体用于Chrome、FireFox、Opera、Safari（pc）浏览器。

利用此功能，可以使用计算机上可能没有的特定字体。URL 必须指向嵌入的 OpenType 文件（.eot 或 .ote 格式）。此文件包含转换为 TrueType 字体的压缩字体数据。