前端 - pc端引入的特殊字体只引入ttf文件可以吗?
怪我咯
怪我咯 2017-04-17 11:52:07
0
2
1248

我的项目中页面用到了方正兰亭 粗体和细黑体,设计给我提供的字体文件只有ttf,如果只引入这中格式会不会出现什么问题呢?

怪我咯
怪我咯

走同样的路,发现不同的人生

reply all (2)
迷茫

首先获取要使用字体的三种文件格式.EOT、.TTF或.OTF、.SVG,确保能在主流浏览器中都能正常显示该字体。

.EOT,适用于Internet Explorer 4.0+
.TTF或.OTF,适用于Firefox 3.5、Safari、Opera
.SVG,适用于Chrome、IPhone

声明

@font-face { font-family: 'newFont'; src: url('fontName.eot'); src: local('fontName Regular'), local('fontName'), url('fontName.woff') format('woff'), url('fontName.ttf') format('truetype'), url('fontName.svg#fontName') format('svg'); }

调用

p{font-family: newFont}
    小葫芦

    只使用ttf可能会不支持一些浏览器

      Latest Downloads
      More>
      Web Effects
      Website Source Code
      Website Materials
      Front End Template
      About us Disclaimer Sitemap
      php.cn:Public welfare online PHP training,Help PHP learners grow quickly!