css - 图标字体(@ font-face)未在本地主机上呈现

我的locahost以及mysite.com都在naax服务器上运行font-awesome图标字体。奇怪的是，当我尝试从Glyphicons实现类似的图标字体集时，这些图标仅在mysite.com上呈现，而不在我的本地主机上呈现。

以下是这些图标的正常外观与在我的本地主机上的外观：

正常：
无效：

问题在于，在我的本地主机上无法识别font-family: 'Glyphicons'属性，因为仅在mysite.com上注释掉font 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;
 }

最佳答案

我要感谢@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类型或Nginx无关。