Font Awesome引用以及使用指南
没错,这次是水一下文章,今天舟车劳顿,并没有时间好好研究项目,一天都在车上度过的,所以来填填老坑。说说之前用fontAwesome遇到的一些小问题。
强调!通过cdn引用的时候一定要用国内的!!!
之前刚接触前端开发,还不是很了解如何使用fontAwesome,因为前端是直接借用的一个老外做的特别美观的bootstrap4模板,所以也并没有深究过他里面具体怎么实现的。
但是!因为我经常急于求成,所以每次刷新页面都是按住Alt+F5进行强制页面资源刷新,这样就导致每次打开页面都会重新加载资源文件。虽然这样确实做到了高效率排错,但是因为用模板的关系,里面的一些css比如我说的这个图标css–fontAwesome都是引用的外网cdn或者外网的http资源,所以每一次加载都导致页面刷新贼慢。
甚至有时候,外网资源无法载入,导致你的页面一直死在加载资源中。一开始我并不会按F12去看console控制台中输出的报错信息,也没有注意到是哪一个资源加载失败。一度认为是我长期资源重加载导致容器内缓存满2333333,还到处去找tomcat或者浏览器如何清除缓存。
如何优雅简洁的引用正确的资源呢?
这里强烈推荐一个网站:BootCDN ,一个国内cdn搜索大全。
几乎有你现在能用到的所有想用的资源(大佬除外,如果上面没有就说明你已经是大佬了2333333)。这里说说如何引用:
- 第一步,把你的项目打开
- 第二步,打开上面的cdn网站
- 第三步,想想你要引入什么资源,搜索该资源,点入复制
- 第四步,复制到你的项目中
- 第五步,打开资源官网的api文档,照着你的想法找如何用233333
怎样,是不是很简单。
这里再说一说另一种方法,就是下载到自己电脑端,导入项目,项目相关网页引用上。优点是不用加载外网资源,如何使用就看你个人喜好啦233333。
这里也附上fontawesome的中国官方网站。里面的api文档也写的很细 可以自己照着说明书写昂。