在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

回答

相关问题