[TOC] # web中文字体的几个解决方案 用到了字体就必须了解：你所需的文字越多，字体文件的体积就越大。如果字体文件已经超过1M，几乎就可以放弃了。 ## 一. 收费云平台 1. [有字库](http://www.youziku.com/) 2. [http://yun.foundertype.com/](https://link.jianshu.com?t=http://yun.foundertype.com/) 方正字体云服务，根据官方网站的介绍： 网页、APP因高质量字体而卓越，提供极致阅读体验。突破中文高质量字体需转化为图片的限制，兼顾体验与SEO，提升关键字搜索排名。方正字体云服务的官方平台方正是最大、最专业的中文字体提供商。 方正字体云服务大概提供有一百多种在线字体，但并没有提供公开报价。 3. [https://www.justfont.com/](https://link.jianshu.com?t=https://www.justfont.com/) justfont，来自台湾的线上中文字体服务，有明确的报价（新台币）。也有一百种字体左右提供选择，注意要找那些简繁字体均有的。 其实两家服务都差不多，justfont在报价上比较透明，但支付方面恐怕比较麻烦。 那么，有没有办法让字体运行在自己的服务器端，然后文件又比较小的方案呢？答案是有的。 ## 二. 中文webfont的解决方案:字体子集化 中文三大家网络公司都有提供字体子集化的服务。所谓字体子集化就是简化字体，将不需要的字从字库剔除，提取仅需要的文字另存为新的字体文件，字体当然就小了。 腾讯：[font-spider](https://link.jianshu.com?t=http://font-spider.org/) 百度：[font-min](https://link.jianshu.com?t=http://ecomfe.github.io/fontmin) 阿里巴巴：[icon-font](https://link.jianshu.com?t=http://iconfont.cn/webfont/#!/webfont/index) [font-carrier](https://link.jianshu.com?t=http://purplebamboo.github.io/font-carrier/) ## 三.打包成web 图标字体 ### 导入到IcoMoon IcoMoon是一款免费的WEB APP，通过使用不同的设置，让我们能够创建出自定义的ICON字体。 **网站地址:** [http://icomoon.io/app/](https://link.jianshu.com?t=http://icomoon.io/app/) IcoMoon本身也有海量的图标，当然也包括Font Awesome。我非常喜欢Font Awesome的原因是：中文社区LOGO也包括其中，如QQ、微信、微博等。 点击IcoMoon的左上角Import Icons，选择刚刚保存的svg格式文件导入。 点击左下角的Add Icons From Library... ，选择Font Awesome，将需要的图标单击一下。选择完成后，点击Generate Font，生成字体后点击Download。 # 使用sfntly中的sfnttool.jar提取中文字体 很给力的字体抽取工具 下载 [Font Converter](https://github.com/Jijun/font-converter-gui/) 运行： ``` java -jar C:\Users\USERNAME\Documents\font-converter-gui-***-jfx.jar ``` # 番外 [fonteditor 在线ttf字体编辑器](https://github.com/ecomfe/fonteditor) # 转为Base64 **将字体转化为Base64编码** https://everythingfonts.com/ https://transfonter.org/ https://www.base64encode.org/ 打开[https://transfonter.org/](https://transfonter.org/)网站，上传成功后打开Base64 encode选项，点击Convert，然后点击Download便可以导出转化后的字体。 # 总结 缺点是操作繁琐，还有一个SEO的问题。对于小范围的固定文案改动还是能适用的，但对于大篇幅文本字符改动或动态生成的文本内容，就比较鸡肋了。 # Refs [网页特殊字体包压缩与精简（fontmini）](https://blog.csdn.net/bowen11233/article/details/82115043) [Web 中文字体应用指南](https://ruby-china.org/topics/14005) https://www.jianshu.com/p/6cf02ae8e190