Question

我正在使用图标字体进行某些网页设计，而我在查找CSS中内容值的确切内容方面遇到了一些麻烦。

我在已经完成的css中看到，对于某些图标，它使用以下内容：

.icon-facebook:before{
   content: '\ea8a';
}

哪个都很精致，但是我想把这个图标改成其他东西，问题是，当我在Mac的FontBook应用程序上打开字体时，我将鼠标悬停在同一个图标上，我得到以下数据：

Glyph 336
U + E94F

有谁知道如何查看TTF字体并获取正确的值，我可以将其插入CSS文件并正确显示？

UPDATE：在消除过程之后，CSS @ font-face正在调用链接的.SVG文件，而不是TTF。 @ font-face目前看起来像这样：

@font-face {
  font-family: 'ifontello';
  src: url('files/fonts/fontello.eot?99886049');
  src: url('files/fonts/fontello.eot?99886049#iefix') format('embedded-opentype'),
       url('files/fonts/fontello.woff?99886049') format('woff'),
       url('files/fonts/fontello.ttf?99886049') format('truetype'),
       url('files/fonts/fontello.svg?99886049#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

所以现在问题是，如何查看SVG以获取我将插入CSS文件的内容值，以便我可以从头创建样式表或更改内容值以显示不同的图标？

Answer 1

EUREKA！

如果您使用网络浏览器打开.SVG，然后查看页面源，您将看到实现此目的所需的所有数据。每个字符都将列为GLYPH，每个GLYPH中都有一个名为UNICODE的属性。

如果您在Web Developer工具中查看它可能只是显示为一个框，但通过查看源代码，我能够看到该unicode的值。

对我而言，该facebook图标的值为unicode=""，正如您所看到的那样，我正在寻找ea8a。通过使用比较然后更改我的CSS以保持不同的unicode值，我能够将内容更改为我想要的内容。

Answer 2

我做了类似的事情：

1-下载字体并将其保存在您的PC上。
2-以字体安装。
3-打开单词！
4-插入菜单->符号
5-更改符号页面中的字体
6-选择您的符号（不要插入！）
窗口下方7-，字符代码为解决方案。（请确保该代码是UNICODE）

您可以将此代码（字符代码）用于CSS Content att。

CSS内容和图标字体 - 您在哪里找到内容值？

2 个答案: