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

今天小颖在做项目时,需要在html文件中引入font-awesome.min.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>

目录:

 

posted @ 2018-09-05 11:24  爱喝酸奶的吃货  阅读(28988)  评论(5编辑  收藏  举报