解决在html中引入font-awesome的css文件后, 图标显示不出来

今天小颖在做项目时,需要在html文件中引入font-awesome.min.css,但是引入后:

解决在html中引入font-awesome的css文件后, 图标显示不出来

以前小颖在用font-awesome库里的图标时,都是直接从node中下包,然后在main.js中引入得即可,第一次直接在html中直接引入css文件,哈哈哈,虽然小颖已经在html中引入了  font-awesome.min.css   ,但是图标并没有出来,怎么解决呢?

其实只需要把font-awesome中的fonts文件夹放在与font-awesome.csss所在的css文件夹同级的位置问题就解决啦,嘻嘻。

<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <title>通行费计算</title> <link rel="stylesheet" href="./css/amazeui.min.css"> <link rel="stylesheet" href="./css/font-awesome.min.css"> </head>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzwsgd.html