代码之家 › 专栏 › 技术社区 › Jon Raynor

e901对于CSS内容标记意味着什么?

svg css

Jon Raynor · 技术社区 · 8 年前

在我们的CSS文件中,我看到:

[class*="iconsmall-"]:before {
  font-family: 'icons';
  font-style: normal;
  font-size: 18px;
  padding-left: 5px;
  speak: none;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
          font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
} 

.iconsmall-unknown:before {content: '\e901';}

我们有一个未知的.svg文件。e901是什么意思?它如何知道正在引用的未知.svg文件?

https://codepen.io/bungeedesign/pen/XqeLQg 正在引用\f003。

2 回复 | 直到 8 年前

Paul LeBeau 8 年前

这个 \

e901 character code 是为私人使用而保留的块的一部分。并且可能被分配到所用字体中的特定字形。我猜这是一个图标字体。

f003 是一样的。代码笔使用的是FontAwesome字体,我们可以从FA文档中看到它与 envelope icon .

Arno Tenkink 8 年前

content 可用于显示文本、图像和SVG代码。这个 \ 是一种“转义”特殊字符并显示字体特定字符的方法。这个后面总是跟着unicode。在你的例子中是e901

.hello::before { content: "world" } // shows world
.hello::before { content: url('/assets/icons/icon.svg') } // shows a SVG image
.hello::before { content: "\u2663"} // shows â£ (instead of "\u2663")