css - 网络服务器 + Chrome v40 + font awesome 不起作用

Question

我从 themeforest 买了一个使用 font-awesome 和 simple-line-icons 的主题

当我使用 Chrome 打开静态 html 文件时，它运行良好。

我重构了 html 以便它可以与我的 php 应用程序一起使用，并且我使用 nginx 和 php-fpm 提供 php 文件。

图标在 Chrome 中显示为正方形。

我在 Safari 中查看相同的 url。图标没问题。

然后我打开/etc/nginx/mime.types 并添加

font/ttf                      ttf;
font/opentype                 otf;
application/font-woff         woff;
application/vnd.ms-fontobject eot;

就在大括号 之前的底部。

我还在 mime.types 中注释掉了原来的 eot 值。

重启nginx。

同样的问题仍然存在。

还尝试清除浏览器缓存。同样的问题仍然存在。

当我更改为使用 cdn 作为 font-awesome 时，font-awesome 图标完美运行。

不幸的是，没有用于 simple-line-icons 的 cdn。

总而言之，

• 使用 Chrome 打开静态文件而不是使用 cdn == ok
• 使用 Safari 打开由 nginx 服务的 php 文件而不改变 mime.types 不使用 cdn == ok

• 在不使用 cdn == 更改 mime.types 后使用 Safari 打开由 nginx 服务的 php 文件

• 在使用 cdn == okay 后使用 Chrome 打开 nginx 服务的 php 文件

• 使用 Chrome 打开由 nginx 服务的 php 文件而不改变 mime.types 不使用 cdn == 不行

• 在更改 mime.types 后使用 Chrome 打开由 nginx 服务的 php 文件不使用 cdn == 不行

我在 macbook pro 上使用 Chrome v40。 Nginx 通过虚拟机运行在 ubuntu 14.04 上。

我被难住了。请帮忙。

Answer 1

尝试使用 Font Squirrel webfont generator 重新生成字体文件使用您拥有的 TTF 文件并替换主题中现有的文件。