把Font Awesome引入到自己的项目中

问题

我之前使用的是通过cdn来引入Font Awesome，https://cdn.jsdelivr.net/gh/FortAwesome/Font-Awesome/css/font-awesome.min.css，但是今天发现网址打不开了。

解决

为了防止以后cdn失效，所以干脆把Font Awesome引入到自己的项目中，不用cdn了。

一开始我是直接复制粘贴的font-awesome.min.css文件过来，但是如果打开f12的network可以看到获取字体时候404。

正确解决方法：

点击这里去官网下载Font Awesome压缩包并解压，

把解压后的 font-awesome 目录复制到你的项目中

在<head>处加载font-awesome.min.css，如下:

<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

到这里就结束了。

把Font Awesome引入到自己的项目中相关推荐

Android Studio 将项目转变成library（model）引入到另一个项目中使用
最近要将项目转换成library ,引入到另一项目中使用,所以记录引用的过程 1.修改配置 2.修改app文件夹里面的iml文件名称在APP文件夹下,找到app.iml 文件,将文件名改为想要命名 ...
git 创建webpack项目_近期总结：手动搭建react项目，将项目从自己的库引入到新的项目中使用...
背景:最近公司有这样一个需求,需要开发一个react工具类,这个工具类可以用在其他项目里使用,并且这个工具类比较大,需要多人协作开发. 这个项目主要由同事负责,于是同事就将这个工具类当成一个单独的 ...
vue项目中如何引入阿里矢量图
1.首先去阿里矢量图官网 https://www.iconfont.cn/collections/index?spm=a313x.7781069.1998910419.da2e3581b&ty ...
c++项目中引入xgboost静态库
参考文章 Using XGBOOST in c++ c++项目引入xgboost动态库问题背景 xgboost项目官方没有提供c_api方式的编译以及引入教程,所以刚开始我们是用直接把项目源码引入到 ...
在vue项目中引入element，并改变主题色
写项目提高开发效率是最重要的,引入UI框架就是提高开发效率的有效途径. 这里就说一下自己是如何引入UI框架的--vue中引入elementUI.(项目其实早已经开发完了,只是回过头来回顾一下自己当时是 ...
一步步教你如何在SpringBoot项目中引入支付功能
听说微信搜索<Java鱼仔>会变更强哦! 本文收录于JavaStarter ,里面有我完整的Java系列文章,学习或面试都可以看看哦 (一)引言支付功能如今已经成为一个需要盈利的网站的基 ...
vue-cli+webpack 的项目中怎么导入bootstrap与jquery
vue-cli+webpack 的项目中怎么导入bootstrap与jquery 虽然vue.js中有很多jquery的效果,引入jquery的好处我认为有两点: 1.很多前端工程师都是从学jquer ...
vue项目中使用lib-flexible解决移动端适配
第一部分:项目中引入lib-flexible 一.项目中安装lib-flexible $ npm install lib-flexible --save 二.在项目的入口js文件中引入lib-flex ...
保姆级教程：js前端接入科大讯飞语音评测，实现朗读打分，vue对接科大讯飞语音评测，还可以实现句子逐词分析对错以及打分，将demo接入vue项目中
需求说明:实现一个点击录制英文句子朗读,然后调用科大讯飞接口分析朗读准确度,并逐词分析朗读正确性. 步骤一.下载运行demo 首先附上科大讯飞语音评测流式版的文档链接:链接在此然后在文档里找到dem ...

把Font Awesome引入到自己的项目中

问题

解决

把Font Awesome引入到自己的项目中相关推荐

最新文章

热门文章