当前位置:首页 >> 技术分享 >> 详情
sousuo
sousuo

1、字体图标部分浏览器(华为)无法显示问题【网页切图技巧】

上传时间:2020-05-14             浏览次数:72

一、现象

font-face方式引入到图标,无法显示;替换成空白或者是X号的。

常见于华为手机(微信里正常、华为浏览器不正常)

二、原因

常见于做手机站时,因为不同浏览器支持不同的字体文件格式,如果只引入部分字体文件,则不兼容。

三、解决办法

第一步:检查文件是否全

     font文件夹下eot、.woff、.ttf、.svg 这四种格式文件都要有。

第二步:检查文件引入路径

     css里字体文件的引入路径要正确。

第三步:服务器是否可以支持以上4种后缀的字体文件

     检查方法:

     方法一:放到服务器上,访问字体文件,如果可以下载,表示正常;报错表示不正常。

     方法二:换不同服务器,看效果

0371-56789390
公司地址

郑州市花园路东风路向西300路南弘熹台22层

联系我们