paip.提升用户体验----应用程序调用外部字体的应用..

paip.提升用户体验----应用程序调用外部字体的应用..


作者Attilax ，  EMAIL:[e-mail] 
来源：attilax的专栏
地址：http://blog.csdn.net/attilax


和CSS调用外部字体方法
///////////////////////////////
和CSS调用外部字体方法
如果我们在做网页的时候有些字体PC不一定装有这种字体，于是我们可以调用服务器字体，方法如下：
@font-face{font-family:DigifaceWide; /*调用的字体名字*/ src:url('DigifawWide.ttf'); /*字体文件路径*/} 
.kingwell{font-family: DigifaceWide; font-size: 18px;}








支持的字体格式
/////////////////////
获取要应用字体的三种文件款式，确保能在主流涉猎器中都能正常显示该字体。
.TTF或.OTF，实用于Firefox 3.5、Safari、Opera 
.EOT，实用于Internet Explorer 4.0+ 
.SVG，实用于Chrome、IPhone 
WOFF


常用字体api
//////////////////
Google Font API... ms可以提取子集...对于中文减税体积..


动态子集字符提取..
/////////////
中文因为字体较大..只能使用.子集字符技术...只生成需要的字符..




动态图片
//////////////
现在最大的问题在于终端的渲染技术，不同系统不同屏幕上看到的结果是不一样的…
所以在很长的一段时间之内，想得到“漂亮”的中文字体只能使用图片格式，中文web业界着力要解决的，只是如何载入这些图片的问题，目前一些js的套件已经实现了基本的功能，比如cofun或typeface.js。
至于WOFF，只能期待在中文字体的实时嵌入技术上有大的突破。




本地字体占位技术
//////////////////////////////////////////////////////
先使用本地字体占位，待需要显示的字符下载完毕再进行切换
只考虑技术层面的话，也许针对兆字节级别的字体，除去你所说的按需下载之外，也可以先使用本地字体占位，待需要显示的字符下载完毕再进行切换。不过相较于字体问题，我个人倒更关心中文竖排相关的排版问题，比如标点符号的自动切换等等。




参考:
WOFF和Google Font API « 葵中剑's Blog.htm
Type is Beautiful » 字体数字化简史与 WOFF.htm