Chrome浏览器一些图标图片不显示及Font Awesome网络图标使用

4 篇文章 0 订阅

登入https://ffmpeg.org网站下载ffmpeg,突然想起以前另一台电脑上的chrome浏览器里几个图标按钮不显示,只显示框框,这里显示了,遂好奇这几个图标文件在哪,

查看网页html:

发现标签i的class选择器里的fa,fa-5x,fa-fw都在font-awesome-min.css里有定义,唯独没有fa-linux,感觉图标文件就是fa-linux,查看官网,介绍fontawesome是字体图标库,有近700个矢量图标文件,下载到本地,fonts文件夹下是几种不同字体格式,fontawesome-webfont.svg可以用文件文本打开,可以看到linux图标矢量数据,17c(索引序号?),otf、eot、woff、woff2其他格式可以用在线字体编辑器打开(http://fontstore.baidu.com/static/editor/index.html)。

虽然本地文件里有数据,但现在网站一般都使用CDN,从cdn加载数据,而不是本地自带,如https://fontawesome.com/start介绍

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">

而网络上大部分CDN是google的,会被屏蔽,因此就无法正常加载图标文件了。chrome插件replace google cdn可以解决问题。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值