在网站设计制作中很多人会遇到一个问题：设计图和实际出来的网站的页面字体差别很大？苹果、pc、安卓以及各个浏览器显示都很不一样？

这要从网站设计各个职能的人说起了，平面设计师设计完后不管了，丢给前端工程师开发h5代码。而前端设计师做完后又丢给程序开发写后台程序……最后修改的人很可能是前端设计师或者程序开发。不是贬低这两者(每个人注重点不同)，他们对视觉上的差别往往注意不到，尤其字体差异。

写给网站平面视觉设计师的：

要想字体不失真，在网站字体设计的时候除了要转成图的文字，其他文本字体一律用无修饰文字，就是没有边边角角、没有花体、没有古怪变形的字体，说人话就是只用苹方黑体、微软雅黑中的一种(字体外形都差不多)做设计，排版小文字14-16pt，如果做手机版对应的是20-22pt，大字不限大小，顺眼就好。只用粗细两种，粗一般用bold，细一般用regular。一般不要用宋体和Times等字体，更不要用花体。于是平面设计师的字体任务就完成了，关键问题轮到前端设计师了。

写给前端代码开发的：

不论视觉设计师用了思源黑体还是什么默认系统没有的字体，都要换掉。苹果系统认冬青、华文，PC系统认微软雅黑。现在的网站字体设计要兼顾很多系统、浏览器等，苹果、安卓、pc、linux默认的字体系统都不同，不会设置的话呈现出来的东西差异极大。这就要着重抓前端设计师CSS字体的设置了。网上这样的文章一大把，我们根据这段时间的经验，写一篇让大多数客户能明白、让平面设计师能留意