在css中引用特殊字体

在浏览器中引用特殊字体时，

要将字体先下载到我们的电脑上，然后将字体文件放置至项目中。

接下来在css中引用字体时，

1、.EOT，适用于Internet Explorer 4.0+

2、.TTF或.OTF，适用于Firefox 3.5、Safari、Opera

3、.woff，适用于Chrome、IPhone

最常见的是.TTF文件，我们需要通过这种文件格式转换为其余两种文件格式。

转换字体网址：https://everythingfonts.com/font-face

可以迅速   直接生成    各类其他格式的字体文件；

有很多网站除了文件过大无法转换，要不就是转换过慢。

/*首先对字体进行引用*/

@font-face {

    font-family: 'ArialMT';/*这里填写字体名*/

    src: url('ArialMT.eot');

    src: local('ArialMT Regular'),

        local('ArialMT'),

        url('../../font/ArialMT.woff') format('woff'),  // 适用于chrome、safri

        url('../../font/ArialMT.ttf') format('truetype'), 

        url('../../font/ArialMT.svg#ArialMT') format('svg');

}

.num{

       font-family: ArialMT;

}

至此，就可以在浏览中显示了。

 

https://everythingfonts.com/font-face