Question

我的网站上有一个错误，其中所有字体都很棒的图标，虽然我添加了字体很棒。这是我的网站http://londonpostjournal.com/

＆＃13;

.login-top .lg-in::before {
    font-family: "Fontawesome";
    content: "f090";
    padding-right: .3em;
    font-weight: normal;
}

＆＃13;

Answer 1

使用FontAwesome的CSS content的问题是你需要用反斜杠逃避：

content: "\f090";

另请注意，您只需使用类fa-[ICON]的图标，其中[ICON]等同于您要使用的图标的名称（在本例中为sign-in），因此完全不需要使用任何CSS：

＆＃13;

.css::before {
    font-family: "Fontawesome";
    content: "\f090";
    padding-right: .3em;
    font-weight: normal;
}

＆＃13;

<head>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>

<body>
  <i class="fa fa-sign-in"></i> Icon Usage
  <div class="css">CSS Usage</div>
</body>

＆＃13;

希望这有帮助！

Answer 2

浏览http://fontawesome.io/ css。

你的内容应该是\

他们也提供了很多预先包装的课程。你可以看看并使用它们。在大多数情况下无需定义您的类

你的css应该是

.login-top .lg-in::before {
    font-family: "Fontawesome";
    content: "\f090";
    padding-right: .3em;
    font-weight: normal;
}

我网站上未加载字体真棒图标

2 个答案: