-2

当我使用 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>
4

2 回答 2

0

基本上，您可能忘记在项目结构中添加字体文件夹，这就是它不起作用的原因。

查看图像。我在一个名为的文件夹中添加了字体，webfonts它工作得很好，没有文件夹它甚至无法工作。

这是官方文档谈论自己托管字体真棒它将解释它是如何工作的，如何设置和使用它。它易于阅读且非常简单。

<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 官方检查类名，以确保您了解所有最新的变化。

例子

于 2021-02-21T09:00:45.700 回答
-2

我不知道我是否做了什么，但是出现了 3 辆汽车，所以如果你试图制作一个 fount 风格的作品（如漫画 sans），一些网络浏览器不运行这些，或者它是 pc 类型或其他东西，这一定意味着什么

<!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 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>```
于 2021-02-21T07:40:58.267 回答