在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

由於文字常出現在我的html中，我在這里做錯了什么？

我認為您的意思是生成的內容按字面意義顯示為 ？

好吧，CSS不知道命名實體，因此，除非您將CSS直接嵌入HTML文檔（從預處理程序語法中我認為不是這樣），否則就不會這樣解析此命名實體，並且從字面上看這是真的。

包括Unicode字符的CSS表示法是\\0xxxx ，其中xxxx是十六進制字符代碼。