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

最新推荐文章于 2023-02-26 14:36:38 发布

weixin_30484739

最新推荐文章于 2023-02-26 14:36:38 发布

阅读量2.7k

点赞数 2

CC 4.0 BY-SA版权

文章标签：开发工具 markdown

原文链接：http://www.cnblogs.com/yingzi1028/p/9591092.html

本文介绍了解决HTML文件中直接引入Font Awesome图标显示问题的方法。只需将fonts文件夹放置在与css文件同级的位置即可成功加载图标。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天小颖在做项目时，需要在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>