跨浏览器上的字体拼写问题

Question

我在网站上使用的是nova-font，但是在Firefox（A-bit-zoom-and-more-sharp）中看起来却有所不同。有什么解决方案可以使它在Chrome和Firefox上看起来一样吗？

Answer 1

浏览器中的字体渲染是不同的，因此可以做一些调整来减轻这种情况，但是由于浏览器中的渲染引擎不同，跨浏览器像素完美字体渲染（2019年中）尚未实现。浏览器。

我可以为您提供一些有关如何改进代码的提示-如果您在google属性中找到有关它们的更多信息：

html {
      /* Adjust font size */
      font-size: 100%;
      -webkit-text-size-adjust: 100%;
      /* Font varient */
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      /* Smoothing */
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
  }