Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 查找图标字体图标的unicode字符代码_Html_Css_Font Face_Webfonts - Fatal编程技术网

Html 查找图标字体图标的unicode字符代码

Html 查找图标字体图标的unicode字符代码,html,css,font-face,webfonts,Html,Css,Font Face,Webfonts,我有一个名为icon font.woff的字体文件,还有相应的SVG文件。里面有一些图标。现在我想在我的html文件中使用如下css使用这些图标: .icon-add-contact:before{content:""} <glyph unicode="!" horiz-adv-x="100" d="M83.522656250000011 38.628515624999999 C85.970996093749989 38.628515625000006

我有一个名为
icon font.woff
的字体文件,还有相应的SVG文件。里面有一些图标。现在我想在我的html文件中使用如下css使用这些图标:

.icon-add-contact:before{content:""}
<glyph unicode="!" horiz-adv-x="100" d="M83.522656250000011
              38.628515624999999 C85.970996093749989 38.628515625000006
              90.867675781250000 38.628515625000006 93.316015624999977
              38.628515625000006 C94.026953124999977 38.628515625000006
              94.737695312500023 z" />
但是我不知道我需要在上面的
内容中给出什么值。我不知道哪个值对应哪个图标

如何处理此问题?

根据,您应该能够在字体的SVG文件中找到unicode代码。在这里,您应该看到如下内容:

.icon-add-contact:before{content:""}
<glyph unicode="!" horiz-adv-x="100" d="M83.522656250000011
              38.628515624999999 C85.970996093749989 38.628515625000006
              90.867675781250000 38.628515625000006 93.316015624999977
              38.628515625000006 C94.026953124999977 38.628515625000006
              94.737695312500023 z" />

unicode属性将告诉您代码是什么,在本例中是
,但通常它类似于
\f179
。此unicode代码是您需要放在
内容:
之后的代码


(与上面相同的链接)描述了一种创建HTML表格的方法,该表格将在其代码旁边显示每个图标。

一个小小的谷歌搜索得出了这样的结论:希望它有帮助您只有.woff文件?或者你也有svg图标吗?是的,我也有svg。但并非每次我都能看到我的unicode是这样的:
unicode=“;”
-我把这一切都拿走了,但没用。然后我采取了
E008
-以及no-luckTry
'\E008'
-比较这一点:是的,它是有效的。如果我没有
svg
-文件,那么读取
unicode