FontAwesome

WOFF2与icon字体化

5年写过一篇WOFF和Google Font API,当时WOFF还只是刚出现,如今,各浏览器对WOFF的支持都已经比较完善了。如果长期关注字体文件,就会发现现在又多了一个WOFF2的格式。没错,就如其字面意思,就是WOFF2.0。 先简单回顾一下主要的web字体文件的格式: .eot,Embedded Open Type,主要用于早期版本的IE,是其专有格式,带有版权保护和压缩。 .ttf,TrueType,在操作系统里更为常见,在web上使用的话,是为了兼容早期仅支持TTF和OTF的浏览器。由于体积比较大,还需要服务器额外压缩。 .woff,Web Open…

使Chrome字体渲染更平滑

更新 2014/9/5:没想到今天无意中看到google更新到了chrome37,chrome字体渲染问题居然已经被解决了!坑啊!早知道不码那么多字了... Chrome在文字渲染上始终存在一些不大不小的问题,如早期我在Chrome中的text-shadow 一文中提到的字体阴影抗锯齿bug,虽然影响不大,却总是不如人意。 最近让我觉得不爽的依旧是Chrome(似乎只涉及windows版本)的字体渲染的问题,Chrome在小字体显示的时候无法准确使字体平滑,从而在字体不大不小的时候,可以清楚地看到文字的锯齿。而当使用字体图标时,这种感觉就变得更为明显。 稍稍尝试就会发现,值48px是一个分界点。即在字体大于48px的时候并不会出现锯齿,这应该与Chrome渲染字体时使用的算法不同有关。而如果字体很小(<20px),也会因为线迹太细而不够明显。当字体48px时,…