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/ ,获得开源的字体压缩软件。原理是根据网站上使用的字符,定向截取出对应的字体。几十到几百字,比起含几万字的字体文件,简直微乎其微,因此压缩效果相当不错。

欢迎来到Yari的网站:yar2001 » CSS引入外部字体时会加载整个字体文件 需要对文件进行压缩

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址