Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.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
Css 图标字体不显示某些图标_Css_Fonts_Icons - Fatal编程技术网

Css 图标字体不显示某些图标

Css 图标字体不显示某些图标,css,fonts,icons,Css,Fonts,Icons,我有自己的图标字体,所以我有10个图标。主要问题如下。 其中8个在网站上显示良好,但其中2个像我给他们的字母一样显示('f'和'e') 例如,这就是我插入图标的方式 .test-icon-user1:before {content: "\61";} .test-icon-user2:before {content: "\62";} .test-icon-user3:before {content: "\63";} .test-icon-user4:before {content: "\64";}

我有自己的图标字体,所以我有10个图标。主要问题如下。 其中8个在网站上显示良好,但其中2个像我给他们的字母一样显示('f'和'e')

例如,这就是我插入图标的方式

.test-icon-user1:before {content: "\61";}
.test-icon-user2:before {content: "\62";}
.test-icon-user3:before {content: "\63";}
.test-icon-user4:before {content: "\64";}
.test-icon-user5:before {content: "\65";}
.test-icon-user6:before {content: "\66";}
.test-icon-user7:before {content: "\67";}
.test-icon-user1:在{content:“\61”}
.test-icon-user2:在{内容:“\62”}
.test-icon-user3:在{content:“\63”}之前
.test-icon-user4:在{content:“\64”}
.test-icon-user5:在{content:“\65”}
.test-icon-user6:在{content:“\66”}
.test-icon-user7:在{内容:“\67”}之前

其中只有两个不起作用。。。这很奇怪,因为我插入它们的方式是一样的,样式表加载正常,一切看起来都很好

这就是它的样子

这是我通过html插入的方式(名称与原始名称不完全相同,因此我检查了任何可能的拼写错误)

答案是这样的

代码笔仍然是actvia。你可以把你的代码粘贴到那里,看看它是否正常工作

我有自己的图标字体,所以我有10个图标。主要问题如下。其中8个在网站上显示良好,但其中2个像我给他们的字母一样显示('f'和'e')

例如,这就是我插入图标的方式

.test-icon-user1:before {content: "\61";}
.test-icon-user2:before {content: "\62";}
.test-icon-user3:before {content: "\63";}
.test-icon-user4:before {content: "\64";}
.test-icon-user5:before {content: "\65";}
.test-icon-user6:before {content: "\66";}
.test-icon-user7:before {content: "\67";}
答案是这样的

代码笔仍然是actvia。你可以把你的代码粘贴到那里,看看它是否正常工作

我有自己的图标字体,所以我有10个图标。主要问题如下。其中8个在网站上显示良好,但其中2个像我给他们的字母一样显示('f'和'e')

例如,这就是我插入图标的方式

.test-icon-user1:before {content: "\61";}
.test-icon-user2:before {content: "\62";}
.test-icon-user3:before {content: "\63";}
.test-icon-user4:before {content: "\64";}
.test-icon-user5:before {content: "\65";}
.test-icon-user6:before {content: "\66";}
.test-icon-user7:before {content: "\67";}

我也有同样的问题。我使用fontastic创建自定义图标字体,并将文件推送到实时测试服务器时,图标显示为字符映射字母。我终于发现这是一个文件权限问题


一定要检查你的实时站点(或测试站点)上字体文件夹和css文件的文件权限-我必须调整字体文件夹、css文件的权限,和字体文件-否则,我在控制台中尝试访问字体文件时遇到了一个禁止的错误,它只会显示一个字母。

我也遇到了同样的问题。我使用fontastic创建自定义图标字体,并将文件推送到实时测试服务器时,图标显示为字符映射字母。我终于发现这是一个文件权限问题


一定要检查你的实时站点(或测试站点)上字体文件夹和css文件的文件权限-我必须调整字体文件夹、css文件的权限,和字体文件-否则,我在控制台中尝试访问字体文件时遇到了一个禁止的错误,它只会显示一个字母。

为什么您的图标字体没有设置为在PUA中包含字形,而GSUB规则将图标的名称替换为PUA代码点?现在你的图标字体假装是拉丁字体,但绝对不是。对不起,我不理解。请你解释一下,也许这是解决方案字体有两组字形:真正的字形,用于真正的语言,然后是一个私人使用区域,用于“这些形状与实际语言或unicode等无关”。因此,如果你制作了一个合适的图标字体,请确保字体将所有这些图标存储为私人使用区域形状,然后添加GSUB替换规则,告诉字体“如果你被要求塑造“笑脸”这个词,那么就在PUA spot 12中呈现图标”或者其他什么。你的字体是用什么制作的?我通过FONTASTIC上传了我的字体,所以我只需下载它并应用它们设置的规则。。。因此,10个图标中有8个显示良好,但其他2个显示如上图所示:/这可能是值得问FONTASTIC的问题,而不是stackoverflow,因为您没有自己制作字体。有太多的事情我们可能会猜测,只有FONTASTIC会知道。为什么你的图标字体没有设置为在PUA中有字形,而GSUB规则用图标的名称替换PUA代码点?现在你的图标字体假装是拉丁字体,但绝对不是。对不起,我不理解。请你解释一下,也许这是解决方案字体有两组字形:真正的字形,用于真正的语言,然后是一个私人使用区域,用于“这些形状与实际语言或unicode等无关”。因此,如果你制作了一个合适的图标字体,请确保字体将所有这些图标存储为私人使用区域形状,然后添加GSUB替换规则,告诉字体“如果你被要求塑造“笑脸”这个词,那么就在PUA spot 12中呈现图标”或者其他什么。你的字体是用什么制作的?我通过FONTASTIC上传了我的字体,所以我只需下载它并应用它们设置的规则。。。因此,10个图标中有8个显示良好,但其他2个显示如上图所示:/这可能是值得问FONTASTIC的问题,而不是stackoverflow,因为您没有自己制作字体。有太多的事情可能会发生,我们会猜测,只有丰塔斯蒂克会知道。