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

Question

So I was working on a custom WordPress theme lately. I work on a local Mac OS X machine with xampp. When I uploaded an early alpha state of the theme to the webs server, I noticed that the font looks differently than on my local machine, as you can see on this picture (left: local right: webserver).

You can see that the font on the local machine is thicker than the font on the webserver. As font I use TP Sans from Google Fonts and I am also using Google chrome to view both sites. On the local and web server are containing the exact same files of the theme.

Answer 1

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