css 字体的使用

Question

场景：在切页面时，经常会看到不太常见的字体，如：冬青黑体简体中文w3，兰亭黑-简 特黑。

问题：哪几种字体可以直接入font-family，哪些字体需要切成图片处理？有什么依据可以参考吗？

谢谢~

Answer 1

如果是不变的特殊字体，建议直接当做图片来对待就好了。

如果是大量的文字展示，需要用到特殊字体，可以使用web-font引入字体。当然要注意兼容性问题和字体大小的问题。

同时要注意的是，支持web-font的不同设备上，对字体的展示效果也不相同，建议真机测试。（之前用到特殊字体的项目，出现的问题是，在某些安卓设备上，出现一行显示不下的问题。扰乱了排版）

最后附上caniuse的截图和一些工具地址：

字体制作工具：
字蛛：http://font-spider.org/
iconfont:http://www.iconfont.cn/webfont/
百度字体编辑：http://fontstore.baidu.com/st...

友情提示：使用商业字体，请注意字体版权

Answer 2

1.如果你的页面特殊字体比较少，建议生成自己的字体，然后引用到页面。优点：文件比较小，方便。

2.如果你的页面用到的特殊字体特别多，建议引用新字体。优点：视觉效果好，但是文件较大，网速差的情况会影响字体下载速度，影响用户体验，在部分手机上可能会存在截断的情况，字体显示不完全。

3.如果你的字体非常少见，不能生成字体，建议直接使用图片。