使用相同的浏览器时，字体在本地和Web服务器上的呈现方式不同

Question

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

您可以看到本地计算机上的字体比Web服务器上的字体粗。作为字体我使用谷歌字体的TP Sans，我也使用谷歌浏览器来查看这两个网站。在本地和Web服务器上包含完全相同的主题文件。

Answer 1

您可以使用Chrome的右键“Inspect Element”来追踪影响文本的所有CSS，这可能会导致解决方案。