Font Awesome unicodes 显示为文本

Question

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

HTML header 包括：

<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 header 中包含 link 之外，我是否需要做任何事情来声明 font-family。我已经下载了所有的 Font Awesome 文件，但我只使用在线 link 因为我读到它更好。

感谢您帮助新手！ :)

Answer 1

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

content : '\f015';

Font Awesome unicodes 显示为文本

Font Awesome unicodes displaying as text

css

unicode

font-awesome