“战主播迎话费页面”总结

又写了一个页面。老习惯，写总结。

这次做的和之前的大同小异。除了，字体在这里特殊一些。

先说说引用非主流字体的方式：

引用非主流字体的方式

1. Geogle API

   但是现在都墙的厉害，放弃治疗。而且，GEOGLE支持的字体也是有限的。

2. 文字做成图片

   这个网站显然不行，因为很多文字后期要改动。

3. @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); 
}