在CSS中使用FontAwesome

遵循我通過Google找到的建議，我有以下SCSS，字體存在於指定的目錄中，並且FontAwesome在其他位置用i標記成功使用。在CSS中使用FontAwesome

我在做什麼錯在這裏作爲一個文字不斷出現在我的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: "&#xf071;"; 

.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; 
}

來源

2014-01-26 Lee

什麼我錯在這裏做一個字面不斷出現在我的HTML？

我假設你的意思是生成的內容顯示爲字面上的？因此，除非您的CSS直接嵌入到HTML文檔中（從預處理器語法中，我認爲它不是），否則這個命名實體不會像這樣解析，而且意味着字面上在這一點上。

包含Unicode字符的CSS符號是\0xxxx，其中xxxx是十六進制字符代碼。

來源

2014-01-26 20:12:13 CBroe

在CSS中使用FontAwesome

回答

相關問題