css - 在 CSS 中使用 FontAwesome

Question

按照我通过 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;
}

Answer 1

What am I doing wrong here as a literal keeps appearing in my html?

我假设您的意思是生成的内容按字面意思显示 ？

好吧，CSS 不知道命名实体，所以除非你的 CSS 直接嵌入到 HTML 文档中(根据预处理器语法，我认为它不是)，这个命名实体不会被解析，是意思是此时的字面意思。

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