使用FontEditor创建web字体图标

关于web字体图标,市面上已经有一些好的在线工具来管理和生成,iconfonticomoon都可以将svg图标转换成font图标以便在网页上使用。但是如果你想要更多:ttf、woff、eot、otf统统拿来用,svg、图片统统可导入,图标效果实时可调整,只需要在线动动鼠标,就可以完成呢。 那就需要一个好用的在线font编辑工具,FontEditor,你需要的东西都在这里。

阅读全部

Fontmin 快速指南

Fontmin 是一个纯 JavaScript 实现的字体子集化方案。

提供了 ttf 子集化,eot/woff/svg 格式转换,css 生成 等功能,助推 webfont 发展,提升网页文字体验。

See the Pen Fontmin Example by Firede (@firede) on CodePen.

阅读全部

中文字体 webfont 自动化构建

关于字体,长久以来,前端工程师们 进行了各种探索:图片siFRCufon@font-face

@font-face 似乎是个不错的方案,Adobe TypeKit , Google Fonts 都在使用这个方案。但是,中文字体 因为字符集巨大,浏览器、操作系统国情 等原因,发展受到了很大限制。所以,时至今日,大多数网站的中文字体还是上图片。图片字体的悲伤:SEO 不友好,不具备的可编辑性,不支持 Accessibility 原则 … 差评!

随着 PC 的更新换代,操作系统的升级,移动设备的崛起,@font-face 兼容性已经不足为患。ttf, svg, eot, woff 总有一款适合您。那么剩下的主要问题就是中文字符集过大了。

以上,我们的解决方案就是:基于 edpfontmin,按需提取字型,多格式转换,自动化构建字体。

阅读全部