Типографская проблема шрифта в кросс-браузере - PullRequest
Новая
       28

Типографская проблема шрифта в кросс-браузере

4 голосов
/ 18 мая 2019

Я использую nova-font на своем веб-сайте, но в Firefox он выглядит иначе (A-bit-zoom-and-more-sharp).Есть ли какое-либо решение, чтобы оно выглядело одинаково на Chrome и Firefox?

1 Ответ

1 голос
/ 18 мая 2019

Рендеринг шрифтов в браузерах отличается, поэтому есть несколько настроек, которые можно сделать, чтобы сделать его еще хуже, но кросс-браузерная отрисовка идеального шрифта пока (середина 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;
  }
...