На этом веб-сайте, над которым я работаю, я использую этот скрипт-шрифт, в котором много деталей. Клиент указал, что весь текст, использующий этот шрифт, выглядит более жирным, чем в дизайне, теряя много деталей. После долгих раскопок я обнаружил, что когда размер шрифта превышает 163 пикселя, он выглядит нормально, и вы можете увидеть все детали. Но как только он переходит на 1 пиксель, он становится «жирным», и я не могу понять, почему.
Я пытался установить font-weight на 100, без изменений. Я попробовал -webkit-font-smoothing: antialiased;, так как я на Mac и читаю, что иногда macs отображает текст более смело, если вы этого не делаете, но ... Это тоже ничего не изменило.
Я создал кодовую ручку, чтобы показать свою проблему, но потом понял, что @font-face не поддерживает внешние URL, поэтому вы, ребята, не сможете увидеть шрифт в действии. Вот скриншот, вы можете видеть очень простой html / css и эффект, который я вижу: https://www.dropbox.com/s/x3xs931l962524b/Screenshot%202019-10-16%2012.08.18.png?dl=0
Все 163px и выше выглядит нормально, все 162px и ниже выглядят жирным. но Whyyyy ??
Редактировать: Очевидно, это происходит ТОЛЬКО на некоторых компьютерах Mac в Chrome. Может ли быть хромированная отрисовка немоты ...?