www.youziku.com是一家专门提供简体中文在线字体服务的web font平台， 有字库秉承着发扬中文字体的理念，使字体厂商和字体制作者的字体能广泛的发挥其价值， 使广大网页设计者能轻松自由的使用各种特效字体，使广大网民可以在网页上看到亲切、自然、美观的文字，我们将为此而坚持不懈。
有字库能提供什么服务？
全面的web font服务，主要针对简体中文。
有字库web font的优势是什么？
1. 国内首创简体中文网络字体（web font）服务，大陆第一家。
简体中文web font
cufon、sIFR、FLIR、@font-face、Google Fonts API、Typekit、fonts.com、fontdeck.com老外开发了N多用于在网页上嵌入字体的方法和平台，但遗憾的是中文没有被很好的支持。
中文字体太大了，整套一般4-10M，一直被认为是不适合做网络字体，不像英文字符总数最多也就三百个左右，文件大小一般50K左右。
有字库及时推出了中文网络字体API服务。通过按需截取和高效压缩等技术有效地控制了字体文件的大小，使之和英文字体文件大小相当，一样适合嵌入网页。
通过有字库平台，中文网页终于也可以像英文那样轻松的应用网络字体了。
有字库web font的使用方法：
有字库web font有三种调用方式，网页设计者们可以根据实际情况选择相应的调用方式：
CSS引用方式：一行css文件引用代码即可搞定。
Javascript引用方式：一段js脚本即可搞定。
Webservice引用方式：根据后台数据，自动引用css文件，适用于动态网站编程自动化。
网站地址：www.youziku.com
使用此服务的网站示例：
http://android.diy.moxiu.com/index.php?do=Main&pid=52ba49f56fac7a0c65001942
------------------------------------------------------------------------------------
图片是网页美化不可或缺的一种元素，有时作为片段文的载体(即将文字P在图片上)可大大提高文字阅读的体验。
下面介绍一种超炫的方法：web font，可以完美解决这个问题。
什么是web font
web font是把一个放在网络上的字体文件嵌入到当前网页上，客户端浏览该网页时字体显示效果就像本机安装了的效果一样。
通过嵌入字体来使特殊字体在网页上也能正常显示，不用Photoshop处理成图片。并且文字内容有变动字体也能自动适应。（因此文字内容改变不需要重新P图了）
web font靠CSS中的@font-face语句来实现的,通常认为web font是CSS3中的一个模块，其实早在CSS2中就已经有了，连老古董IE6甚至IE4都支持。其他各种浏览器包括手机浏览器也都完美支持(如IE、360、搜狗、火狐、chrome、safari、Opera等)。
所以，任何浏览器都能识别@font-face，自动会将@font-face所引用的字体效果渲染到指定位置，所以在网上使用你大可放心其稳定性。
@font-face语句规则
主流浏览器都能很好地支持@font-face，但对于嵌入的字体文件的识别，却是各有各的喜好。
所以在写@font-face语句之前，需要获取要使用字体的四种文件格式，确保能在主流浏览器中都能正常显示该字体。
.TTF或.OTF，适用于Firefox 、Safari、Opera
.EOT，适用于Internet Explorer 4.0+
.SVG，适用于Chrome、IPhone
.WOFF 知用于Chrome、Firefox
四种格式的文件准备好以后，就可以写@font-face语句了，格式如下：
@font-face
{
font-family: 'fontNameRegular';
src: url('fontName.eot');
src: local('fontName Regular'),
local('fontName'),
url('fontName.woff') format('woff'),
url('fontName.ttf') format('truetype'),
url('fontName.svg#fontName') format('svg');
}
在页面中需要的地方使用该字体：
p { font: 13px fontNameRegular, Arial, sans-serif; } 或
h1{font-family: fontNameRegular}
@font-face实现-英文
英文字体实现@font-face的方法比较成熟，有时候看老外的个人技术博客，经常能遇到。做法相对中文简单很多，我们在手头上（或在设计资源站点已经找到）有该字体的某种格式文件，最常见的是.TTF文件，我们需要通过这种文件格式转换为其余三种文件格式。字体文件格式的转换可以通过网站FontsQuirrel或codeandmore提供的在线字体转换服务获取。
@font-face实现-中文
@font-face是老外发明的，所以他们从来没想过中文的情况，中文一套字体一般要3
当然，不是说中文就无法通过@font-face实现嵌入，但需要再麻烦一步：按需截取（根据文章所涉及到的文字生成小字库），如此便能最大程度地节约流量，将字体减到最小。
日本人发明一种方法:页面加入一段javascript代码,每次页面打开时javascript会适时获取指定的标签上的文字，然后发送到字体平台，字体平台自动根据文字截取小字库发送到浏览客户端面嵌入。这样页面文字随时有改动，平台都能随时生成新的字体文件。
在这里推荐一个中文的web font服务平台"有字库"。该网站提供这种javascript截取字体的服务，亲可以去测试一下。
@font-face效果
我做过相关测试，效果非常漂亮。
因为是截取成小字库，所以字体文件很小（比图片还小），页面打开速度非常快。
最重要的是，我的网站是动态网站，图片上的文字是被后面数据控制的，经常会有变动，如果文字每次改动我都要重新提交图片，一定累死，并且还无法知道文字什么时候改动。
应用web font服务以后我就完全可以放手了，图片上的文字再也不用我多费心了，效果犹如photoshop处理出来的一样。
制作网页时如何使用特殊字体
对于网站制作者&前端老湿们来说，为了确保显示效果，长期以来不得不一直使用“安全字体”，英文网站一律是 Verdana，中文网站一律是宋体——因为这是每台浏览网页的电脑里肯定装有的字体。
这是设计理念不断进步的UI老师们所不能容忍的。字体可是页面效果的根本，好比T台模特的衣服换了千万种，但你只能用这一两个模特(对于中文用户那就几乎只有一个宋体)？如何才能在网页上应用丰富的字体效果?
特殊字体应用方案
目前方案无非三种：
1. 客户打开网页的时候，提示客户安装该字体。
2. 制作图片嵌入网页。
3. 把字体嵌入到网页中(通过上传字体文件到指定目录，让CSS引用显示)。
第一种方案明显存在弊端，用脚本程序去识别客户端是否含有该字体，加重程序的负载量。而且严重影响用户的体验。效果最次！
第二种方案生成图片，网页加载慢，不利于百度收录，效果差！
第三种方案流量小加载速度快,效果最好！
第三种方案就是指网络字体(web font,也被称为“网页内嵌字体”或“网页外调字体”)，通过上传字体文件到指定目录，然后在CSS中用规定格式进行引用就可以使字体效果跃上你的页面了，使网页用字不再受浏览客户端的影响。
网络字体与浏览器支持
网络字体是靠CSS中的@font-face语句来实现的,通常认为网络字体是CSS3中的一个模块，其实早在CSS2中就已经有了，连老古董IE6甚至IE4都支持。其他和种浏览器包括手机浏览器也都完美支持(如IE、360、搜狗、火狐、chrome、safari、Opera等)。
网络字体使用方法
各种浏览器都支持@font-face语句，但嵌入的字体文件却是各自为政。要想使所有浏览器都能正常显示，那你就得准备各种格式的字体文件进入嵌入（.eot、.woff、.svg、.ttf)。
可以将字体上传到FontSquirrel上，自动生成所需要的所有格式。然后将文件上传到空间，然后根据@font-face语句规范进行引用。
中文网络字体使用方法
中文字体要注意一下，因为中文字体不同于英文，一套中文字体一般4
所以中文字体需要事先进行截取，根据文章内容涉及到的字进行截取，截取后的小字体方可嵌入使用。
没错中文确实太麻烦了，这也是为什么英文网页使用网络字体那么多，中文却很少遇到。
第三方平台简易操作
要准备各种格式的文件操作起来太麻烦了，尤其中文还要截取小字库。
没有专业的工具就很难实现了，不过不用担心，如果借助于第三方平台，这一切就易如反掌。
现在网上已经出现一些很好的平台。如英文的typekit、fontdeck、google font等，中文的“有字库”youziku.com等，都可以大大方便网络字体的使用。
有字库主要针对中文网络字体引用，使用方法主要有两种：
1. CSS方式
选定字体后，需要提交文章内容，网站会根据文章内容截取成小字库，自动生成各种格式的字体文件（.eot、.woff、.svg、.ttf)，并返回一个css文件引用的Link标签，只需要将此Link标签引入页面的head标签中即可，最后别忘了在引用网络字体的标签上设置class。
2. javascript方式
选定字体后，网站会提供给你一段javascript脚本，不需要提交文章，直接将脚本引入</body>之后</html>之前，就可以了，脚本会自动根据当前文章内容生成各种格式的字体文件，并嵌入到当前页面。
@font-face语句如何嵌入中文字体
什么是@font-face
@font-face是一种网络字体，是CSS的模块,利用CSS的@font-face属性可以在网页中嵌入任意字体。
字体使用是网页设计中不可或缺的一部分。网页是文字的载体，我们希望在网页中使用某一特定字体，但是该字体并非主流操作系统的内置字体，这样用户在浏览页面的时候就有可能看不到真实的设计。
美工设计师最常做的办法是把想要的文字做成图片，这样做有几个明显缺陷： 一、不可能大范围的使用该字体； 二、图片内容相对使用文字不易修改； 三、不利于网站SEO。 网络上有一些使用sIFR技术、或javascript/flash hack的方法，但实现起来或繁琐，或有缺陷。而只有通过CSS的@font-face属性来实现在网页中嵌入字体的方法逐渐成为主流。
@font-face语句规则
主流浏览器都能很好地支持@font-face，但对于嵌入的字体文件的识别，却是各有各的喜好。
所以在写@font-face语句之前，需要获取要使用字体的四种文件格式，确保能在主流浏览器中都能正常显示该字体。
· .TTF或.OTF，适用于Firefox 、Safari、Opera
· .EOT，适用于Internet Explorer 4.0+
· .SVG，适用于Chrome、IPhone
· .WOFF 知用于Chrome、Firefox
四种格式的文件准备好以后，就可以写@font-face语句了，格式如下：
@font-face
{
font-family: 'fontNameRegular';
src: url('fontName.eot');
src: local('fontName Regular'),
local('fontName'),
url('fontName.woff') format('woff'),
url('fontName.ttf') format('truetype'),
url('fontName.svg#fontName') format('svg');
}
在页面中需要的地方使用该字体：
p { font: 13px fontNameRegular, Arial, sans-serif; } 或
h1{font-family: fontNameRegular}
@font-face实现-英文
英文字体实现@font-face的方法比较成熟，有时候看老外的个人技术博客，经常能遇到。做法相对中文简单很多，我们在手头上（或在设计资源站点已经找到）有该字体的某种格式文件，最常见的是.TTF文件，我们需要通过这种文件格式转换为其余三种文件格式。字体文件格式的转换可以通过网站FontsQuirrel或codeandmore提供的在线字体转换服务获取。
@font-face实现-中文
@font-face是老外发明的，所以他们从来没想过中文的情况，中文一套字体一般要3
当然，不是说中文就无法通过@font-face实现嵌入，但需要再麻烦一步：按需截取（根据文章所涉及到的文字生成小字库），如此便能最大程度地节约流量，将字体减到最小。
可以在网上下载fontcreator用Unicode码来找到需要的字，保留需要的字其他的全删掉。
确实麻烦。有没有更快一点的方法？有的！！！
英文比较专业的有 TypeKit.com和fontdeck.com
中文比较专业的有 youziku.com(有字库)
中文的用起来还是比英文的麻烦，英文的直接引用就可以了，整套字体被嵌入网页速度也不受影响（一般英文一般一百多K），中文的无论如何都要先截取一下的。
不过好在"有字库"网站功能还挺人性化，所有浏览器支持的格式（.EOT.TTF.WOFF.SVG）都自动为你生成好，你只需要提交你需要的字就可以了。甚至还有一种js方式，只需要引用一段js代码，不需要提交文字就能自动根据文章生成小字库了。非常方便。如果你想用中文@font-face那我推荐"有字库"。
不可滥用@font-face
凡事讲究度，网页上的美化小技巧，就像做菜放的调味料，放一点美味，放多了就反胃了。
@font-face也是如此，如果在页面上大面积应用，页面体验反而会下降，亲自已斟酌吧。
