问题描述
当我使用 font-awesome css 文件时，图标没有显示，但是当我使用 CDN 并且所有代码都相同时，它可以工作。如何？请有人告诉我。 我的代码是：
<!DOCTYPE html>
<html>
<head>
<Meta charset="utf-8">
<Meta http-equiv="X-UA-Compatible" content="IE=edge">
<Meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" type="text/css" href="assets/css/font-awesome.min.css">
<!-- <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> -->
<title>Test Page</title>
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<i class="fa fa-car"></i>
<i class="fa fa-car" style="font-size:48px;"></i>
<i class="fa fa-car" style="font-size:60px;color:red;"></i>
</body>
</html>
解决方法
基本上，您可能忘记在项目结构中添加字体文件夹，这就是它不起作用的原因。
查看图片。我将字体添加到名为 webfonts 的文件夹中，效果很好，如果没有文件夹，它甚至无法工作。
这里是关于 hosting font awesome yourself 的官方文档，它会解释它是如何工作的，如何设置和使用它。它易于阅读且非常简单。
<head>
<link href="/your-path-to-fontawesome/css/all.css" rel="stylesheet"> <!--load all styles -->
</head>
<body>
<i class="fas fa-user"></i> <!-- uses solid style -->
<i class="far fa-user"></i> <!-- uses regular style -->
<i class="fal fa-user"></i> <!-- uses light style -->
<!--brand icon-->
<i class="fab fa-github-square"></i> <!-- uses brands style -->
</body>
如果您遇到困难，现在它应该可以正常运行。请参阅我在此答案中添加的文档链接。
我想提的最后一件事是他们不时更改的类名，从一个版本到另一个版本，您还应该检查官方网站 fontawesome offical 上的类名以确保您是更新所有更改。
我不知道我是否做了什么，但是出现了 3 辆车，所以这一定意味着什么 哦，如果您尝试制作字体风格的作品（如漫画风格），某些网络浏览器无法运行这些浏览器，或者它是 PC 类型或其他类型的内容
a -> 1
b -> 2
c -> 3