Question

我正在使用css内容属性，但它没有按预期工作。

content: "\f104";

应显示<，但我的所有内容属性都显示为方形字符。

Answer 1

符号"\f104"根据定义表示Unicode代码点U + F104，它位于专用区域中。这意味着没有为Unicode标准中的代码点分配字符，并且它仅具有私有协议的含义。因此，私人使用代码点不应用于公共信息交换，例如，在网页上。

已知一些字体技巧使用私有代码点来表示各种字形，通常是专用图标。在网页上，它们只能通过使用特定字体的@font-face定义来工作（当它们工作时）。当它们不起作用时，浏览器通常会呈现不可代表或未知字符的通用符号，例如小矩形。

要在content属性中使用字符“＆lt;”（LESS-THAN SIGN），最简单的方式是这样写：

content: "<";

Answer 2

我必须包含字体真棒css http://astronautweb.co/snippet/font-awesome/ http://fortawesome.github.io/Font-Awesome/get-started/ 我只是在另一个网站上复制完成的东西，现在它正在工作，谢谢你们所有人

Answer 3

例如，您需要在CSS中使用此构造：

.yourclass:before {
     content: '\f104';
     display: inline-block;
     font: 14px/1 FontAwesome;
     font-size: 14px;
     font-size: inherit;
     text-rendering: auto;
}

在使用此代码之前，必须先输入“ Awesome Font”！

内容属性无法正常工作

3 个答案: