没有做过网页前端的人可能不知道，一个网页，在不同的系统，不同的浏览器下的显示效果有时可能是天差地别的！

照顾到各种系统，各种浏览器，各种访问环境，消除之间的不兼容，做到每个访客都能有一致的体验，是每一个前端工程师写前端代码过程中时时刻刻脑袋中盘旋的念头，同时也是这领域的一条铁令。

一般的兼容问题出在哪？
就我这两年来做前端的经验来看，其实也就是各浏览器对CSS属性的兼容程度不一样。当然有时候字体的问题也是使网页效果大相径庭的要素之一。

一个网页，一般只能显示电脑上已经有了的字体，不同的电脑上面装的字体一般是不一样的。例如已中文字体为例，XP时代系统自带宋体，Vista之后是默认微软雅黑。如果我们为网页设置字体为雅黑，那么XP用户访问的时候由于系统没有雅黑，所以会调用默认的宋体来显示，那这样就和我们的预期很不一样，效果也会大打折扣。

为了解决这个问题，一般前端工程师都会优先选用兼容性最好的字体，例如雅黑，我们称之为Web安全字体；然后针对宋体等字体进行细节优化。尽量让绝大部分访客能获得相对一致的体验。这一直以来都很折磨前端的伙伴。
Continue Reading…