CSS引入外部字体时会加载整个字体文件

当客户端没有网页所需字体时，可以通过如下方式引用第三方字体文件(.ttf .eot等)。但注意不能将整个字体文件直接引用，如果用户要加载近1M的文件，你的网站肯定吃不消。

@font-face {
font-family:"youyuan";
src: url('/content/fonts/YouYuan.ttf');//路径不要含中文！万恶的编码问题
}

.content{
font-family:"youyuan";
font-size:30px;
}

可以点击 http://font-spider.org/ ，获得开源的字体压缩软件。原理是根据网站上使用的字符，定向截取出对应的字体。几十到几百字，比起含几万字的字体文件，简直微乎其微，因此压缩效果相当不错。

CSS引入外部字体时会加载整个字体文件需要对文件进行压缩