标签 字体 下的文章

不是第一次弄这个东西,一套流程下来觉得步骤还是有点繁琐,所以备忘一下。

需求

设计网页的时候常会用到一些非系统自带的字体,要实现的做法不外乎以下几种

  1. 把所有艺术字体部分作为图片素材处理
  2. 在CSS中引用外部的自定义 ttf字体库文件
  3. 提着菜刀找产品经理和设计师,让他们把字体改回用宋体(笑)

无论1或是2,都有比较明显的缺点。
作为图片处理的话,每次出现一个小改动比如说需要改动个别文字,那就得打开PS重新做一个图片素材,而且网页加载图片展现效果和对带宽的利用都不甚理想。
外挂ttf字库的话浪费带宽流量的问题则更为严重,如果是西文字库还好(也就十几个符号和大小写52个字母)中文的话字库文件通常2M起步,整套粗细斜字库像阿里普惠体一共30M+。用户手机打开你的页面单单为了显示文字就不见30M流量是不实际的,如果同时来一千几百个用户,服务器更是会因为带宽堵塞直接扑街。

那有没有好的解决方案,有!把项目需要用到的字提取出来重新打包成一个定制化的字库文件,也就是做TTF压缩。

啰嗦科普完,下面开干。内容分上下两篇

不知道是不是业内还有其他更专业更成熟更快捷傻瓜高效优雅的方法,以下仅仅是自己的一点摸索罢了。



- 阅读剩余部分 -