网站的灵魂事设计,设计的灵魂是文化

网页调用文字字体的使用及浏览器兼容的方法

2019-06-06 22:06:23 265

作者:宁波网站建设

第一步:@Font-face目前浏览器的兼容性: 
•Webkit/Safari(3.2+):TrueType/OpenType TT (.ttf) 、OpenType PS (.otf); 
•Opera (10+): TrueType/OpenType TT (.ttf) 、 OpenType PS (.otf) 、 SVG (.svg); 
•Internet Explorer: 自ie4开始,支持EOT格式的字体文件;ie9支持WOFF; 
•Firefox(3.5+): TrueType/OpenType TT (.ttf)、 OpenType PS (.otf)、 WOFF (since Firefox 3.6) 
•Google Chrome:TrueType/OpenType TT (.ttf)、OpenType PS (.otf)、WOFF since version 6


第二步:在css文件中调用(.ttf/.eot/.woff/.svg)

例如

@font-face { 
font-family:Gill Sans MT Condensed;
src:  url('Gill Sans MT Condensed.eot');
src: url('Gill Sans MT Condensed') format('woff');
}

这样就能调取外部文字,在网页制作中经常会用到此方法

相关文章

友情链接

服务热线

15168586852