列出与字体和"content:'value'"一起使用的图标/字形



我正在编辑一个现有的网站,该站点在诸如EOT,SVG,W0FF,TTF之类的众多文件中使用图标/字形(我猜各种兼容性)。它使用字体和类似的CSS值来称呼这些:

font-family: icons_filename;
content: "e601";

那么,我如何找到带有" content"的图标的不同值的列表?

换句话说,我正在尝试查看一个不一定具有良好名称列表的图标库中的可能性。

我也不了解如何使用" e601"或如何在文件中查找该值。CSS的这一部分对我来说是不熟悉的,我找不到很好的解释,因为大多数图标教程仅显示如何使用已记录的库。

谢谢

我相信您正在寻找UTF-8字符。图标字体通常会覆盖该通用图标字体上的默认字体,如果存在。这是您可以查看它们的链接。

添加到克里斯已经说过的内容中,您应该能够追踪哪个字体图标库您的模板/主题正在使用。这些最常见的例子之一就是字体很棒。

从上面的链接中,您将能够浏览每个图标并找出要选择的" Unicode"。例如," fa盲"(盲人行走图标)具有" f29d"的unicode,在为CSS属性" content"

中使用它时,它将转换为" f29d"

如果您的样式表已在UTF-8中提供,则可以避免需要Unicodes(我们的示例中的F29D),并且如果您在网站上列出了图标,则直接复制/粘贴图标(即,即"而不是"f29d"在内容中,它将是实际的FA盲图标字形。它会在您的CSS文档中显示为空白的正方形,但是当您在网页上时会正确渲染。)

我在这里可能已经过了很长时间,但是最终您需要做的就是弄清楚该网站使用的图标库。如果提供了链接,我们可以轻松地为您弄清楚。

最新更新