84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
我的项目中页面用到了方正兰亭 粗体和细黑体,设计给我提供的字体文件只有ttf,如果只引入这中格式会不会出现什么问题呢?
走同样的路,发现不同的人生
首先获取要使用字体的三种文件格式.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可能会不支持一些浏览器
首先获取要使用字体的三种文件格式.EOT、.TTF或.OTF、.SVG,确保能在主流浏览器中都能正常显示该字体。
.EOT,适用于Internet Explorer 4.0+
.TTF或.OTF,适用于Firefox 3.5、Safari、Opera
.SVG,适用于Chrome、IPhone
声明
调用
只使用ttf可能会不支持一些浏览器