为什么font-face的图标没有生效呢

[sunshine萝卜]

仿写淘宝首页，第一次使用font-face，谅解一下哈。我按照视频讲解手动创建font-face生成图标，但是显示出来的是‘口’，请问哪里出问题了呢？
这是需要实现的样子

我运行的结果是这个样子：

我先将我的代码放出来
html页面ul下代码为：

iconfont下载的代码是没有问题的：

样式表的代码（相对地址我也有修改呀）：

我是将这五个文字的文件放在了font文件夹内

为什么我会出现‘口’的问题呢？望小伙伴能花费几分钟的时间帮我看一下，谢谢（鞠躬）

[sunshine萝卜]

自己顶一顶吧，摸索不出来的痛苦

[mywzj666]

首先对比着iconfont.css都看一下自己的代码。其次呢，如果你用的是火狐浏览器的话，你可能需要修改一下样式了https://www.cnblogs.com/qfly/p/7699165.html

[sunshine萝卜]

引用 2 楼 mywzj666 的回复:

首先对比着iconfont.css都看一下自己的代码。其次呢，如果你用的是火狐浏览器的话，你可能需要修改一下样式了https://www.cnblogs.com/qfly/p/7699165.html

我是在谷歌打开的，请问这个font-face与我本地打开有关系么？有域名才会显示？