在线字体生成，按需截取@fontface精简font

在线字体又叫webfont或网络字体，是html5及CSS3中的一种超炫技术，主要是把自定义的特殊字体嵌入到网页中。免安装、免下载、直接在线使用。

由于设计的需要，网站中难免会用到一些比较特殊的字体（如方正字库）来装饰我们的网站，让其更加美观，我们可以用CSS的font-family属性来设置文本字体。然而设置的字体如果是用户的电脑上没有安装的字体，那么对不起，文字将以宋体呈现，这大大的影响了用户体验。

我们经常能看到国外的一些网站使用了非常漂亮的字体，而这些字体通常在用户的电脑中是没有安装的，如何实现的？如何让特殊字体在网页客户端显示？目前方案有两种：制作图片嵌入网页；引用在线字体。第一种方案生成图片是现在主流的中文字体解决方案，但是有很大的缺陷，维护麻烦、不利于用户搜索和SEO！详见图片的弊端。第二种方案在线字体是一种创新的解决方案，在国外已经相当流行，包括Googlefonts、Adobetypekit等知名服务商。通过上传字体文件到指定目录，然后在CSS中用规定格式进行引用就可以使字体效果跃上你的页面了，使网页用字不再受客户端影响。

但是因为中文字体过于庞大，小则三五兆，大则十几兆，所以在线字体只流行于英文网站，虽然中文网页设计师望眼欲穿，但也无可奈何。临渊羡鱼，不如退而结网，而现在我们通过按需截取的方式生成小字库，可以小到几十K，甚至几K，终于有效控制了字体文件的大小，使中文也加入了网络字体的阵营。

【方拓字体】应运而生，为中文网页设计师随心所欲地应用缤纷的字体提供了宝贵的捷径。

一、静态调用：输入待生成字体的静态目标文字和验证码并点击【生成静态字体】之后，就能得到相应结果，请按照详细指导进行操作。如果您的网页目标文字增加了新的文字，必须重复此过程，才能使让新增文字应用字体效果。静态调用又有3种引用方式：

（一）同步引用：应用此引用方式后，您网页的目标文字区域先是空白，直到远程字体css文件加载成功后以新字体显示出来，或者因加载失败或超时则以默认字体显示。优点是用户感觉不到字体变换的突兀，缺点是目标文字的显示稍有延迟。

（二）异步引用：应用此引用方式后，您网页的目标文字先以浏览器的默认字体显示，然后再加载字体效果，直到加载成功就变换字体。优点是目标文字能快速显示出来，缺点是字体的变换效果显得较突兀。

二、动态调用：直接点击【动态调用】，即可得到相应结果，请按照详细指导进行操作。其间无需输入目标文字，因为它能适应任何文字（除非该字体本身不包含）；使用过程中也无需考虑网页目标文字变化的情况。动态调用又有同步和异步2种引用方式，特点同上。

二、未经本网站允许，不得盗链、盗用本站资源；不得复制或仿造本网站，不得在非本站所属的服务器上建立镜像。本站对自行开发的所有内容、技术手段和服务拥有全部知识产权，任何人不得侵害或破坏，也不得擅自盗用。

三、本网站将尽可能确保网站连续可靠运行，但鉴于网络服务的特殊性，本网站对可能发生的网络服务的中断或终止所可能导致的一切损失，不承担任何法律责任及经济赔偿。同时，本网站对免费提供的技术服务力求让用户满意，但不作任何质量担保。

四、本网站对所提供的字体服务拥有完全的解释权。

推荐使用IE9以上及Firefox、Chrome、Opera等浏览器的较新版本