体方法修改网站字
2025-11-03 16:38:45知识

支持 @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:本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新
