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

粗体字体在iOS上太粗体,收缩不合适

  •  0
  • SuperCodeBrah  · 技术社区  · 5 年前

    我正在一个网站上工作,并使用以下HTML元标记:

    <meta name="viewport" content="width=600, shrink-to-fit=yes">
    

    600px . 由于网站的性质,我不担心有一个完全移动兼容的网站,然而,一个小问题一直困扰着我。在iOS上,粗体字体往往呈现出更为粗体的效果。如果iphone6s上的默认变焦是62.5%(375px设备宽度除以600px最小值),当我收缩变焦使有效变焦接近100%时,一切看起来都很好。

    这是一个小问题,我可以用一个针对iOS的解决方案来解决它(可能会根据浏览器和视口大小更新类),但是我想知道是否有其他CSS属性或meta标记可以更容易地解决这个问题。我的正文中有一些字体属性无法解决问题:

    body {
      -webkit-font-smoothing: antialiased;
      -webkit-font-smoothing: subpixel-antialiased;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      -webkit-text-size-adjust: 100%;
    }
    

    这个问题只发生在iOS上。我登记了安卓系统,看起来很好。

    1 回复  |  直到 5 年前
        1
  •  0
  •   Mohit Gupta    5 年前

    如果您对某些页面的标题有任何问题。。你需要在上面添加css。。。

    font-weight:normal !important;