Font Awesome引用指南

Font Awesome引用以及使用指南

没错,这次是水一下文章,今天舟车劳顿,并没有时间好好研究项目,一天都在车上度过的,所以来填填老坑。说说之前用fontAwesome遇到的一些小问题。

强调!通过cdn引用的时候一定要用国内的!!!

之前刚接触前端开发,还不是很了解如何使用fontAwesome,因为前端是直接借用的一个老外做的特别美观的bootstrap4模板,所以也并没有深究过他里面具体怎么实现的。
但是!因为我经常急于求成,所以每次刷新页面都是按住Alt+F5进行强制页面资源刷新,这样就导致每次打开页面都会重新加载资源文件。虽然这样确实做到了高效率排错,但是因为用模板的关系,里面的一些css比如我说的这个图标css–fontAwesome都是引用的外网cdn或者外网的http资源,所以每一次加载都导致页面刷新贼慢。
甚至有时候,外网资源无法载入,导致你的页面一直死在加载资源中。一开始我并不会按F12去看console控制台中输出的报错信息,也没有注意到是哪一个资源加载失败。一度认为是我长期资源重加载导致容器内缓存满2333333,还到处去找tomcat或者浏览器如何清除缓存。

如何优雅简洁的引用正确的资源呢?

这里强烈推荐一个网站:BootCDN ,一个国内cdn搜索大全。BootCDN
几乎有你现在能用到的所有想用的资源(大佬除外,如果上面没有就说明你已经是大佬了2333333)。这里说说如何引用:

  1. 第一步,把你的项目打开
  2. 第二步,打开上面的cdn网站
  3. 第三步,想想你要引入什么资源,搜索该资源,点入复制
  4. 第四步,复制到你的项目中
  5. 第五步,打开资源官网的api文档,照着你的想法找如何用233333
    怎样,是不是很简单。
    这里再说一说另一种方法,就是下载到自己电脑端,导入项目,项目相关网页引用上。优点是不用加载外网资源,如何使用就看你个人喜好啦233333。
    这里也附上fontawesome的中国官方网站。里面的api文档也写的很细 可以自己照着说明书写昂。
    fontAwesome
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值