3

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

content: "\f104";

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

4

3 回答 3

4

根据定义，该符号"\f104"表示 Unicode 代码点 U+F104，它位于私人使用区域中。这意味着在 Unicode 标准中没有为代码点分配任何字符，它只有通过私有协议才有意义。因此，私人使用代码点不应用于公共信息交换，例如网页。

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

使用字符“<” (LESS-THAN SIGN) 在content属性中，最简单的写法是：

content: "<";
于 2013-07-01T06:12:51.190 回答
1

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

于 2013-06-30T21:32:57.653 回答
1

您需要在 CSS 中使用这种结构，例如：

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

在使用此代码之前，需要“Awesome Font”！

于 2019-08-25T10:17:28.523 回答