每日踩坑--使用Font Awesome关于cdn、http资源、本地资源

在今天做Web项目的时候时候网页打开特别特别慢,很费解也很神奇。一步一步排错,最终找到原因是因为我web的html引用了外网的Font Awesome,代码是这样的。

    <!-- Font Awesome CSS-->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">

因为我前端html是拿别人的模板拿来改的,所以图标别人是直接使用的外网资源,而由于我们在国内所以有时候我们会连不上他们的仓库或者说无响应。我的解决方案有两种:

  1. 去这个资源的中文网或者访问这个资源的存放位置将其下载下来导入项目中直接使用,这里Font Awesome推荐下载网址Font Awesome中文网
    <!-- Font Awesome CSS-->
    <link rel="stylesheet" href="../../css/admin/all.css">
  1. 将国外http资源换为使用国内cdn资源,具体代码如下
   <!-- Font Awesome CSS-->
   <link href="https://cdn.bootcss.com/font-awesome/5.13.0/css/all.css" rel="stylesheet">

均亲测有效。感谢您的阅读,希望能对您有所帮助

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值