css - Font Awesome 类 "fa-check"未显示复选标记-6ren

css - Font Awesome 类 "fa-check"未显示复选标记

转载作者：太空宇宙更新时间：2023-11-04 07:45:11

我有一个使用 font awesome css 的简单 html 页面。任何人都可以看到为什么我的 font awesome 复选标记没有显示，我无法显示复选标记而且我似乎无法弄清楚原因。

我正在使用 .min.css链接在我的<Head>因此:

<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>LoopLAB Theme</title>
  <link rel="stylesheet" href="css/font-awesome.min.css">
  <link rel="stylesheet" href="css/bootstrap.css">
  <link rel="stylesheet" href="css/style.css">
</head>

当我想将它注入(inject) <i> 时DOM 中的元素，我只是使用这个:

<i class="fa fa-check"></i>

正如您在上面看到的，复选标记没有显示。你看到任何明显的我做错了吗？这似乎是初学者的错误，但我找不到问题所在。

最佳答案

检查您的 CSS。有几种方法可以做到这一点!

只需检查 font-awesome.min.css 是否确实在您的 CSS 文件夹下。如果是，请检查您的文件夹结构。您的 HTML 可以使用 css/font-awesome.min.css 访问此文件夹吗？ CSS 文件夹必须是您当前存储 HTML 文件的文件夹的子文件夹。最后，您使用的是最新版本的 font-awesome-min.css 吗？如果是旧版本，此特定图标可能不会包含在您的 CSS 文件中。
使用您最喜欢的浏览器检查工具检查您的网站，并在检查器中找到您的 CSS 文件。单击它应该会打开您的 CSS 代码。代码应该被缩小。如果其中没有任何内容或出现某种错误，您的网站将无法在您的服务器或计算机上找到您的文件。

此外，您还可以从 CDN 添加，例如 https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css并直接导入您的代码。

关于css - Font Awesome 类 "fa-check"未显示复选标记，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48195785/