网页引入的中文字体过大


如题,PC版和移动版需要引入两种中文字提,两个字体加起来一共有16MB的大小,这样在pc端和移动端都是无法接受的.
页面都是由jsp动态生成的,请问有人如何解决这种大字体的方法吗?

web前端开发 HTML css 移动web开发

夜樱四重奏 9 years, 11 months ago

除了压缩字体,减少引入字体数量外,如果楼主的意思是不是移动端和PC端各一种字体,那么响应式布局应该很有用,这样引入的数据量可以少一半

StaicK answered 9 years, 11 months ago

这个问题比较棘手,而且需要看使用场景:

  1. 如果是某个页面中用了几个(注意,是几个)特殊的中文字体,目的是为了提升页面美观度,则可以使用一种压缩字体的思路,即利用语法树解析完html和css文件,将引用到该字体的地方提取出来,然后将字体文件压缩(只保留用到的那几个字),字体文件瞬间可以降为几kb。

--- 这样的思路已经有现成的解决方案了 ---

可以参考font-spider,基于百度的fontmin

http://font-spider.org/

  1. 如果是某种类似文章详情的页面,由于内容多而且动态,建议直接声明字体就可以了。
    不建议外部引入了。
foxnake answered 9 years, 11 months ago

Your Answer