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: "&#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;
}

Answer 1

我在这里做错了什么，因为文字一直出现在我的HTML中？

我认为您的意思是生成的内容显示为字面？

好吧，CSS不知道命名实体，所以除非你的CSS直接嵌入到HTML文档中（从预处理器语法我认为不是这样），否则这个命名实体不会被解析，而是在这一点上意味着。

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

在CSS中使用Font Awesome

1 个答案: