Azure 网站上的 Ghost.js 部署未正确显示图标答案

【问题标题】：Ghost.js deployment on Azure websites does not show icons properlyAzure 网站上的 Ghost.js 部署未正确显示图标
【发布时间】：2014-03-30 01:42:12
【问题描述】：

我一直在遵循 Scott Hanselman's blog 上的说明，了解如何将 ghost.js 从源代码部署到 Azure 网站。它主要工作，除了管理页面上的图标显示为方形框而不是正确的图标。

我根据this page 上的步骤启用了诊断日志记录，但没有发现任何可疑的东西（没有错误消息或任何东西）。

关于如何调试它的任何提示？我已尝试多次执行这些步骤，结果始终相同。

谢谢

【问题讨论】：

【解决方案1】：

Ghost 对这些图标使用 unicode 字符。它们不是图像，它们是相当普通的 unicode 字形。如果您的浏览器默认使用的字体没有这些字形，它将无法显示它们。一些浏览器会检测到这一点（Firefox）并用另一种字体替换字形，而其他浏览器（Chrome）可能会坚持使用默认字体的字形。

尝试其他浏览器，您应该可以看到图标，然后更改默认浏览器上的字体。

更新 1：

Scott 的说明缺少一步。他要求你评论 .gitignore 中告诉 git 忽略检查 gurnt 刚刚构建的 CSS 的行

# /core/client/assets/css

但您还需要注释它下面的行以使 git 也包含字体

# /core/client/assets/fonts

【讨论】：

感谢您的提示。我尝试在不同的浏览器上打开该页面，但在其中任何一个上都无法正常工作。如果我使用 Azure Ghost Web 画廊模板安装 Ghost，则图标加载得很好。您知道 Ghost 模板安装与我尝试部署默认 Azure 源时的不同之处吗？
您使用的是什么操作系统？我刚刚在 Windows 8.1 上尝试了带有 Chrome 33 和 IE 11 的 Azure 模板，并且都可以正常工作并正确显示图标
抱歉，我可能不太清楚。如果我使用 Azure 模板，Ghost 可以完美运行。只有当我尝试使用 Scott Hanselman 在他的博客 hanselman.com/blog/… 中提到的说明从源代码手动部署 ghost 时，它才会出现问题（运行所有步骤只需要几分钟）。我也在使用 Windows 8.1
啊好的，我刚刚尝试过，遇到了和你一样的问题。我更新了答案。如果这仍然不适合您，请告诉我。