前端 - pc端引入的特殊字体只引入ttf文件可以吗?

【字号: 作者:雯心浏览:38日期:2022-06-15

问题描述

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

问题解答

回答1:

首先获取要使用字体的三种文件格式.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}回答2:

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

相关文章: