paip.提升用户体验----应用程序调用外部字体的应用..
paip.提升用户体验----应用程序调用外部字体的应用..
作者Attilax , EMAIL:1466519819@qq.com
来源: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