Question

我已经下载了很棒的min.css字体并在我的HTML标记中引用如下。但字体真棒图标不会只显示文字＆＃34;解决方案＆＃34;出现。下面是我的标记。

<head>
    <link rel="stylesheet" href="C:\CSS\font-awesome.min.css" type="text/css" />
</head>
<body>
    <div class="header">
        <div class="title">
              Solution
        </div>
        <i class="fa fa-lightbulb-o"></i>
    </div>
</body>

我可以看到加载了font-awesome.min.css文件。但是下面的属性在浏览器中显示出来（未应用）： -

 .fa-lightbulb-o::before {
    content: "\f0eb";
  }

请告诉我错过了什么错误。这是我第一次使用它。

谢谢，

Answer 1

http://jsfiddle.net/52WdB/

它在线工作正常，这是因为你错误地引用了你的CSS。

使用此：

href='file:///C:\CSS\font-awesome.min.css'

Answer 2

我觉得这可能与您调用样式表的方式有关。

你能确认你实际上正在加载字体真棒吗？因为你链接到它的方式告诉我该URL是绝对的。而且你应该使用正斜杠，因为反斜杠用于PC的文件系统。

如果您的index.html中嵌套了'CSS'文件夹，请尝试此操作：

<head> <link rel="stylesheet" href="CSS/font-awesome.min.css" type="text/css" /> </head>

HTML字体真棒没有显示图标

2 个答案: