将图像数据设置为要在 HTML 伪元素中使用的自定义 ISO 字符

Setting image data to a custom ISO character to be used in an HTML pseudo element

我看到一些网站使用before/after伪元素的内容属性来设置图片作为内容。规则看起来像这样:

:before {
    content: "\e91b";
}

但随后它被渲染为图像。我相信这是这个设置,因为我可以用 fooBar 替换那个转义字符,并且图像会更改为那个。替换内容会将其改回。更改颜色属性会更改图像的颜色,所以我猜它是在某处用一些 SVG 数据定义的。这些显然是自定义设置的字符,因为它将设置为公司的徽标或其他随机的东西。

老实说,我对如何做到这一点感到困惑,Google 搜索没有显示任何内容,但我不完全确定要搜索什么。我发现的所有内容都指的是标准 ISO 字符,可以以转义方式使用这些字符以便于 typing/dev 工作。

如有任何帮助,我们将不胜感激。

叫做CSS伪元素,看一看:https://fontawesome.com/how-to-use/on-the-web/advanced/css-pseudo-elements.