css - 在CSS中使用FontAwesome

按照我在Google上找到的建议，我有了以下SCSS，字体存在于指定的目录中，并且FontAwesome在其他地方成功地与i标记一起使用。

由于文字常出现在我的html中，我在这里做错了什么？

@font-face {
    font-family: "FontAwesome";
        src: url('/fonts/fontawesome-webfont.eot'),
            url('/fonts/fontawesome-webfont.svg'),
            url('/fonts/fontawesome-webfont.ttf'),
            url('/fonts/fontawesome-webfont.woff');
}

$fa-exclamation-triangle: "";

.form-error
{
    color:red !important;
    font-weight: bold;
    padding-top: 3px;
    font-family: "FontAwesome";


    &:before
    {
        content: $fa-exclamation-triangle;
    }
}

input.error
{
    font-weight: normal;
    background: $validation-red;
    color: black;
}

最佳答案

由于文字常出现在我的html中，我在这里做错了什么？


我认为您是指生成的内容按字面显示为吗？

嗯，CSS不知道命名实体，因此，除非您将CSS直接嵌入到HTML文档中（根据预处理器的语法，我认为不是这样），否则命名实体就不会这样解析，并且从字面上看是真实的。

包含Unicode字符的CSS表示法是\0xxxx，其中xxxx是十六进制字符代码。

关于css - 在CSS中使用FontAwesome，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21367769/