怎么用@font-face替换网页字体

Posted 2023-03-31

ff可以用@font-face解决icon font的问题，但是同样的代码在op中不灵了，是写法的问题吗？还是不支持在user css中使用font-face？ [mw_shl_code=css,true]@font-face font-family: "宋体"; src: local("Tahoma");body font-family: "宋体" !important;

参考技术A 你把需要替换为tahoma的中文字体设置单独替换就行，一般都是需要将宋体替换 参考技术B 之前也是用这个css，后来发现iconfont的名字太多太杂，添加麻烦，而且全局显示一种字体在一些西文网站上太单调了，所以想用@font-face替换掉几个中文字体，保留西文字体多样性~~
结果css改了又改都不行

有些网页用的字体是自己电脑没有的，怎么知道替换字体？

上国外的一些网战，有些字体是自己电脑没有的，但替换了的字体有时很好看，有时会比原来设计人设计的字体更般配，我怎么知道我的电脑默认什么字体替换了原字体？我试过用火狐虫子不行啊，那样看的是网页要求的字体，有办法不？

查看css，查找font-family，例font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif，如果你本机都没有，且浏览器没有设置替换字体，一般默认英文为Arial字体。

css3中支持自定义字体，定义字体需要指定的路径，通过查找下面的信息可以看网页中代使用了什么字体。

@font-face

font-family: myFirstFont;
src: url('/example/css3/Sansation_Light.ttf')
,url('/example/css3/Sansation_Light.eot'); /* IE9+ */


@font-face

font-family: myFirstFont;
src: url('/example/css3/Sansation_Bold.ttf')
,url('/example/css3/Sansation_Bold.eot'); /* IE9+ */
font-weight:bold;


div

font-family:myFirstFont;

</style>

使用自定义字体

注释：Internet Explorer 9+ 支持新的 @font-face 规则。Internet Explorer 8 以及更早的版本不支持新的 @font-face 规则。 参考技术A 用谷歌浏览器。。按F12--->Elements--->Styles在这里面可以调网页的字体样式。。你说的那些国外网站的字体样式应该是用CSS自己写的。。 参考技术B 开始→控制面板→Internet 选项→常规→字体（看好原来的字体，别越换越糟糕）→替换→确定本回答被提问者采纳 参考技术C 记得 chrome 审查元素里 可以看网页上的字体样式