css - 图标字体（@font-face）未在 localhost 上呈现

Question

我在我的 locahost 和 mysite.com 上都使用了font-awesome icon-font，它们都是 nginx 服务器。奇怪的是，当我尝试从Glyphicons实现类似的图标字体集时，图标仅在 mysite.com 上呈现，而不在我的 localhost 上呈现。

这是图标的正常外观与它们在我的本地主机上的外观：

正常： 破灭：

问题是font-family: 'Glyphicons'我的本地主机上无法识别该属性，因为简单地注释掉fontmysite.com 上的 CSS 属性会重新创建红框外观：

.glyphicons i::before {
  position: absolute;
   left: 0;
  top: 0;
  font: 24px/1em 'Glyphicons'; // commenting out this line re-creates the red box pattern
  font-style: normal;
  color: #1D1D1B;
  color: red;
 }

Answer 1

我要感谢@David（见上面的评论）帮助我回答我自己的问题。问题是文件权限问题。我刚刚将 Glyphicons 文件夹添加到我的本地主机应用程序文件夹（即 /html）中，但它没有正确的权限。只需在命令行中键入以下内容即可解决问题：

html TimPeterson$ chmod -R 777 assets/glyphicons/   /*this command allows access to all (777) for all files and folders (-R) within the glyphicons folder*/ 

所以它不是 CSS、mime-types 或任何其他与我最初认为的 Nginx 相关的东西。