代码之家  ›  专栏  ›  技术社区  ›  gwydion93

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

  •  0
  • gwydion93  · 技术社区  · 8 年前

    我有一个简单的html页面,使用了字体很棒的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>
    

    当我想把它注入 <i> 元素,我只使用以下内容:

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

    如上所示,复选标记不会显示。你看到我做错了什么吗?这似乎是初学者的错误,但我找不到问题所在。

    1 回复  |  直到 8 年前
        1
  •  1
  •   Vitor Figueredo    8 年前

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

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

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