又写了一个页面。老习惯,写总结。
这次做的和之前的大同小异。除了,字体在这里特殊一些。
先说说引用非主流字体的方式:
引用非主流字体的方式
Geogle API
但是现在都墙的厉害,放弃治疗。而且,GEOGLE支持的字体也是有限的。
文字做成图片
这个网站显然不行,因为很多文字后期要改动。
@font-face一直都在用这种方式引入字体。
看看font-face兼容性:
非常好!那就用@font-face了!
@font-face使用方法
@font-face {
font-family: Kingston;
src:url(KINGSTON.ttf);
}
一般,我们下载的字体都是TTF格式,看看TTF格式的兼容性:
都挺完美的,就是IE的早起版本不支持,而且包括现在的版本也是部分支持。
怎么办?
还有EOT格式。
EOT
IE5开始就支持这个格式,但除了IE其它浏览器一直没有支持这个格式。
所以,可以吧TTF和EOT都写上,为了兼容到IE6。
@font-face {
font-family: mkq;
src:url(mkq.eot);
src:url(mkq.ttf);
}