javascript - 部署在谷歌云平台与本地服务器上时，站点范围的字体不同

Question

我正在运行一个带有一些方形空间模板的 node.js 网站。在我的本地服务器上，它在 chrome 上看起来和预期的一样:

然而，当使用 glcoud app deploy 部署时，我看到字体更粗，字体之间的 | 栏更短

Chrome 和 Safari 都是如此。公共(public)站点托管在这里:https://lingxiaoling-us.appspot.com/

此外，该网站在移动设备上看起来不错:

除了中央艺术|博客 |代码 | __ 一出现在手机上就消失了，据我所知，这是一个单独的问题。

我什至无法开始找出问题所在，合乎逻辑的做法是通过删除某些 css 文件在我的本地机器上重现错误。我一直在这样做，但没有结果。有更多经验的人是否看到了直接的错误来源？

Answer 1

这是现在的样子

当你取消点击字体时，它看起来就像你想要的

您在相同的 css 样式上有重复的字体:

.collection-nav-desc-wrapper .collection-desc p {
color: #e1483d;
font-family: Georgia, serif;
font-size: 36px;
font-weight: normal;
font-style: italic;
letter-spacing: 0px;
line-height: 1.2em;
font-family: adobe-garamond-pro; <------- This one is taking precedence over the Georgia Family
font-size: 120px;
font-weight: 600;
font-style: normal;
letter-spacing: -.01em;
line-height: 1.3em;
text-transform: none;
text-decoration: none;