转载至: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-face的33.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