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

时间:2016-06-20 20:23:33

标签: html css svg fonts icons

我正在编辑一个预先存在的网站,该网站在许多文件中使用图标/字形,例如eot,svg,w0ff,ttf(我想各种兼容性)。它使用字体和CSS值来​​调用它们:

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

那么如何找到用#34;内容"?

调用的图标的不同值列表

换句话说,我试图了解一个没有文件的图标库中可能存在的东西,这些图标不一定有很好的名单。

我也不明白价值" \ e601"使用或如何在文件中查找。这部分CSS对我来说并不熟悉,我找不到一个很好的解释,因为大多数图标教程只展示如何使用文档库。

由于

2 个答案:

答案 0 :(得分:0)

我相信你正在寻找UTF-8字符。图标字体通常会覆盖此通用图标字体上的默认字体(如果存在)。这是link to where you can view them

答案 1 :(得分:0)

添加到Chris已经说过的内容,您应该能够找到模板/主题正在使用的字体图标库。其中最常见的例子之一是Font Awesome

从上面的链接中,您将能够浏览每个图标并找出哪个" unicode"选择。例如," fa-blind" (盲人行走图标)有一个" f29d"的unicode,转换为" \ f29d"当它用于CSS属性"内容"

如果您的样式表以UTF-8提供,您可以避免使用unicodes(在我们的示例中为f29d),并直接复制/粘贴图标(如果它在您的网站上列出)(即代替&# 34; \ f29d"在内容中,它将是实际的fa-blind图标字形。它将在CSS文档中显示为空白方块,但是当您在'在网页上。)

我可能在这里花了太长时间,但最终你需要做的是弄清楚该网站正在使用哪个图标库。如果提供链接,我们可以很容易地为您解决。