代码之家  ›  专栏  ›  技术社区  ›  xiaolingxiao

在google云平台和本地服务器上部署时,站点范围的字体不同

  •  0
  • xiaolingxiao  · 技术社区  · 7 年前

    我正在运行 node.js 带有一些方形空间模板的网站。在我的本地服务器上,它在chrome上的外观与预期一致:

    local.png

    但是,在使用部署时 glcoud app deploy 我看到字体更胖了 | 中间的条形字体要短得多

    deployed.png

    Chrome和Safari也是如此。公共网站位于此处: https://lingxiaoling-us.appspot.com/

    此外,该网站在手机上看起来也不错:

    mobile.png

    除了中央 Art | Blog | Code | __ 它一出现在手机上就消失了,据我所知,这是一个单独的问题。

    我甚至无法开始找出错误所在,合乎逻辑的做法是在本地计算机上复制错误,即删除某些 css 文件。我一直在这样做,但没有结果。经验丰富的人是否发现了错误的直接来源?

    1 回复  |  直到 7 年前
        1
  •  1
  •   Horacio Coronel    7 年前

    这就是现在的样子 This is how it looks like now

    当您松开字体时,它看起来像是您想要的 When you unclick the font it looks like you wanted

    在相同的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;