使用相同浏览器时，本地和网络服务器上的字体呈现不同

Question

所以我最近正在开发一个自定义 WordPress 主题。我使用 xampp 在本地 Mac OS X 机器上工作。当我将主题的早期 alpha 状态上传到 Web 服务器时，我注意到字体看起来与我的本地计算机上的不同，正如您在 this picture 上看到的那样（左：本地右：网络服务器）。

可以看到本地机器上的字体比网络服务器上的字体粗。作为字体，我使用 Google Fonts 中的 TP Sans，并且我还使用 Google chrome 查看这两个站点。在本地和网络服务器上包含完全相同的主题文件。

Answer 1

您可以使用 Chrome 的右键“检查元素”来跟踪所有影响文本的 CSS，也许这会导致解决方案。