支持 @font-face 的改网浏览器有Internet Explorer 9、Firefox Opera 、站字Chrome和Safari，体方另外IE9只支持.eot类型的改网字体 ，Firefox、站字Chrome 、体方Safari、改网和Opera支持.ttf 
、站字.otf 两种类型字体。体方

常规用法：

@font-face { font-family: myFirstFont;//定义该字体名称
，改网后面要使用该字体时
，站字使用该名称 src: url(YourWebFontName.ttf),体方 url(YourWebFontName.eot); /* IE9 */ } h1 {font-family:myFirstFont;} @font-face { font-family: myFirstFont;//定义该字体名称，后面要使用该字体时 ，改网使用该名称 src: url(YourWebFontName.ttf),站字 url(YourWebFontName.eot); /* IE9 */ } h1 {font-family:myFirstFont;} @font-face { font-family: myFirstFont;//定义该字体名称，后面要使用该字体时 ，体方使用该名称 src: url(YourWebFontName.ttf), url(YourWebFontName.eot); /* IE9 */ } h1 {font-family:myFirstFont;}

兼容性写法

@font-face { font-family: myFirstFont; src: url(YourWebFontName.eot); /* IE9 Compat Modes */ src: url(YourWebFontName.eot?#iefix)format(embedded-opentype), /* IE6-IE8 */ url(YourWebFontName.woff)format(woff), /* Modern Browsers */ url(YourWebFontName.ttf)format(truetype), /* Safari, Android, iOS */ url(YourWebFontName.svg#YourWebFontName)format(svg); /* Legacy iOS */ } @font-face { font-family: myFirstFont; src: url(YourWebFontName.eot); /* IE9 Compat Modes */ src: url(YourWebFontName.eot?#iefix) format(embedded-opentype), /* IE6-IE8 */ url(YourWebFontName.woff) format(woff), /* Modern Browsers */ url(YourWebFontName.ttf) format(truetype), /* Safari, Android, iOS */ url(YourWebFontName.svg#YourWebFontName) format(svg); /* Legacy iOS */ } @font-face { font-family: myFirstFont; src: url(YourWebFontName.eot); /* IE9 Compat Modes */ src: url(YourWebFontName.eot?#iefix) format(embedded-opentype), /* IE6-IE8 */ url(YourWebFontName.woff) format(woff), /* Modern Browsers */ url(YourWebFontName.ttf) format(truetype), /* Safari, Android, iOS */ url(YourWebFontName.svg#YourWebFontName) format(svg); /* Legacy iOS */ }

然后 ，修改全站默认字体

  此处内容已隐藏，请评论后刷新页面查看. 内容看完了 © 版权声明 1:本网站名称：蜡笔傻新

2:本站永久网址：https://labishaxin.com/

3:本站部分内容收集于互联网 ，如果有侵权内容 、请联系我们删除，不妥之处
，敬请谅解

4:本站一切资源不代表本站立场 ，并不代表本站赞同其观点和对其真实性负责

5:本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报

6:本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新