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

战主播迎话费页面

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

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


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

引用非主流字体的方式

  1. Geogle API

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

  2. 文字做成图片

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

  3. @font-face一直都在用这种方式引入字体。

    看看font-face兼容性

font-face

非常好!那就用@font-face了!


@font-face使用方法

@font-face {
    font-family: Kingston;
    src:url(KINGSTON.ttf);
}

一般,我们下载的字体都是TTF格式,看看TTF格式的兼容性

ttf

都挺完美的,就是IE的早起版本不支持,而且包括现在的版本也是部分支持。

怎么办?

还有EOT格式


EOT

IE5开始就支持这个格式,但除了IE其它浏览器一直没有支持这个格式。

所以,可以吧TTF和EOT都写上,为了兼容到IE6。

@font-face {
    font-family: mkq;
    src:url(mkq.eot);
    src:url(mkq.ttf); 
}

麻凯倩

微信:makaiqian