求助：自学前端的菜鸟一枚，最近在模仿coding网站，通过font-face使用icon图标时没有显示图片而是小方框，如何解决？

Question

Answer 1

去淘宝的那个iconfront随便下载一个图标回来，他里面会给你带demo，去看看就知道了，一般引起的是图标编码错了，字体文件丢失，你没有引入所兼容该浏览器的字体类型

Answer 2

字体没有加载成功，或者是浏览器不兼容

Answer 3

1.打开浏览器调试工具，查看字体是否加载成功。
2.查看字体映射表，看编码是否正确。
3.换用其他浏览器，检查是否浏览器兼容问题。

Answer 4

我觉得是字体文件路径的问题,建议你测试下

Answer 5

用浏览器自带的开发者工具看下，确认下是图标路径还是CSS的错误。

Answer 6

1. 检查字体路径（Chrome调试工具查看Source）

2. .icon 类的 font-family 只保留图标字体即可，不要再加其他

Answer 7

这个问题我遇到过，还写过一篇博客。解决方法：

1. 在 Firefox 地址栏输入 about:config 回车；

2. 搜索 security.fileuri.strict_origin_policy 双击，把 true 变为 false；

Answer 8

字体服务 和网页是不是在不同的服务呀，
如果在不同的服务器
字体所在的服务需要添加 http 头响应

Access-Control-Allow-Origin:*

Answer 9

没有导入fonts文件