Font Awesome类“fa-check”未显示复选标记

时间：2018-01-10 20:46:02

标签： css html5 font-awesome

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

我正在使用.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>

当我想将它注入DOM中的<i>元素时，我只是使用它：

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

如上所示，复选标记不会显示。你看到任何明显我做错的事吗？这似乎是一个初学者的错误，但我找不到问题。

1 个答案:

答案 0 :(得分：1)

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

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

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

相关问题
最新问题