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