如何在网站中使用中文云字体（Web font）？

前几天，小飞在会议室听见了这样一段有关网页字体使用的对话：

美工：为什么我设置的特殊字体（艺术字体）在一些客户端是以"宋体"显示的？

技术：因为用户电脑上没有安装你设置的字体啊，而宋体是安全字体（每台电脑基本都安装了）；

美工：那让用户安装一下就好了？

技术：这是一种解决方案，当用户打开网页时，若该字体用户未安装，则提示用户进行安装。但这种方法有一个很大的问题。通过使用脚本程序识别客户端是否安装该字体，一方面会加大程序的负载量，另一方面还会影响用户顺畅的浏览体验；

美工：呃……大家现在都是怎样在网页中使用特殊字体的？

技术：现在主流的解决方案是制作字体图片嵌入网页。不过它同样也存在很多缺点，比如网页加载速度慢、后期维护麻烦、不利于网站SEO、效果不理想；

美工：这也不行，那也不行，那你说怎么办？

技术：将字体嵌入到网页中。这是国外非常流行的一种解决方案，即网络字体/云字体（web font），也称为"网页内嵌字体"或"网页外调字体"，它是指通过上传字体文件到指定目录，然后在CSS中用规定格式进行引用。使用这种方式有很多优势，比如呈现效果好，网页加载速度快等。

美工：这种方式这么好，为什么大家都不用呢？

技术：因为中文字体不同于英文，一套中文字体小则三五兆，大则十几兆，如果整套嵌入的话，字体加载速度非常慢，很少有用户会耐心等待字库加载完成的。

美工：说了这么多，网页字体/云字体也不好用啊？

技术：没有啊，现在起飞页通过按需截取的方式生成小字库，截取后的小字体嵌入网页使用（而不是整套嵌入），这能有效控制文件字体的大小（可以小到几十K，甚至是几K），这样字体加载速度就会很快，中文网页字体/云字体基本上就没有什么缺点了。诶，人呢？

小飞：他已经去系统里看了……

技术：目前起飞页的中文云字体仅适用于标题组件，在标题设置的"标题内容选择"中点击【自定义标题】，向下滚动就可以看到"自定义标题中文扩展艺术字体"选项了（副标题的设置也是同理）。这里的特殊字体有30+种，可满足广大用户的基本需求。

小飞：好的，我也去看看。

最后，小飞再给大家总结一下起飞页中文云字体的优势：

起飞页中文云字库采取按需截取的方式为您生成小字库，可有效减小字体文件大小。 

虽然制作图片嵌入到网页中同样可以呈现中文字体，但它对搜索引擎优化并不友好，因为Google、百度等搜索引擎无法辨认出图片的文字内容，无法搜索到网站相关内容。而使用网络字体（Web font）则是呈现真实的文本，有利于网站的SEO优化。 

起飞页云字体支持国内主流浏览器，比如：IE、360、搜狗、火狐、chrome、safari、Opera。

相比在放大、缩小过程中可能会产生变形的图片字体，起飞页云字体是以矢量字在网页中真实呈现的，能够根据浏览分辨率做实时的字体描绘，无论放大/缩小到任何尺寸都能清晰分明。 

起飞页云字体使用起来非常简单，无需进行安装、下载，可直接在线使用。