现在的位置: 首页 > 综合 > 正文

CSS3.0新属性之@font-face在网页中嵌入字体

2014年06月15日 ⁄ 综合 ⁄ 共 826字 ⁄ 字号 评论关闭

转载至:http://www.hujuntao.com/web/css/web-fonts-with-font-face.html

Context Font、Font Finder插件:http://www.gn00.com/thread-343007-1-1.html

 

 

关于font-family 它的值是可以改的,只要对应@font-face里面的值就可以了

.crocodoc-esJfF4 .f33 {
font-family
: "crocodoc-esJfF4-33"; } @font-face {
font-family
:"crocodoc-esJfF4-33"; src:url("../fonts/33.ttf"); }

@font-face就相当于一个映射

如果要使用本机字体,则可去掉@font-face 直接使用font-family指定本机字库。如:

.crocodoc-esJfF4 .f33 { font-family: "综艺繁体"; }

 

优先级问题:

.crocodoc-esJfF4 .f33 { font-family: "黑体";} @font-face { font-family: "黑体";src:
url("../fonts/33.ttf"); }

 

指定font-family为黑体?那么它会调用本机的黑体还是@font-face33.ttf呢?

测试结果是:33.ttf 
如果找不到33.ttf,则去本机上找黑体。

 

 

问题:浏览器字体缓存机制是?怎么缓存,什么时候销毁呢?

 

 

关于@font-face的缓存及其性能问题:http://www.cnblogs.com/demix/archive/2009/11/28/1612715.html

 

浏览器关闭默认不会清理字体缓存。具体过期不清楚,手动清楚缓存即得重新加载。

测试例子:http://www.stevesouders.com/tests/font-face/cache.php?t=1388477411

 

 

 

 

抱歉!评论已关闭.