Font Awesome unicodes 显示为文本答案

【问题标题】：Font Awesome unicodes displaying as textFont Awesome unicodes 显示为文本
【发布时间】：2015-05-22 02:41:57
【问题描述】：

我正在尝试使用 Unicode 通过 css 插入 FontAwesome 图标，而我的页面将其显示为文本。因此，如果房子图标的 Unicode 是 f015，我的浏览器将显示“/f015”而不是显示房子图标。

HTML 标头包括：

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

CSS：

#MenuBarLink1 a:before {
      position: absolute;
      left: 1em;
      padding: 0 1px;
      font-family: FontAwesome;
      content: "/f015";
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-transition-duration: 0.1s;
      transition-duration: 0.1s;
      -webkit-transition-property: transform;
      transition-property: transform;
      -webkit-transition-timing-function: ease-out;
      transition-timing-function: ease-out;
    }

我想知道除了简单地在我的 HTML 标头中包含该链接之外，我是否需要做任何事情来声明字体系列。我已经下载了所有的 Font Awesome 文件，但我只使用在线链接，因为我读的更好。

感谢您帮助新手！ :)

【问题讨论】：

你是在本地开发吗（file://）？
你的字符集设置为 utf-8 吗？
我正在本地开发，是的，我的标题包含 meta charset utf-8 当我将它们放入 html（fa fa-home）但还没有让它们通过 css 工作时，这些图标工作得很好.
我认为您使用了错误的斜线。使用内容：'\f015';

标签： css unicode font-awesome

【解决方案1】：

我认为您使用了错误的斜线。使用，

content : '\f015';

【讨论】：

你是对的。而且我觉得很傻。不幸的是，现在有了正确的斜线，我得到的只是一个空心盒子，而不是实际的图标。现在尝试了几个不同的代码。我会尝试自己回答这个问题，但如果你知道，那也会很有帮助。
通过添加指向我本地 FontAwesome 文件的链接而不仅仅是指向在线资源的链接来修复它。这是因为我在本地开发吗？
感谢您的帮助！我直接从 Font Awesome 网站获得了该在线资源。他们为什么不在他们建议您复制的源代码中包含“http：”？奇怪....