@swcalc

Как спасти шрифты веб-страницы от Mac OS?

Здравствуйте, использую шрифты Roboto, под Windows все выглядит сказочно прекрасно, но под Mac края смазаны при мелком размере шрифта, есть-ли возможность сделать их более четкими?

На странице применены стили
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: 'liga', 'kern';


Верхушка текста смазана.
font-size: 12px;
font-weight: 400;


74fe4bda28b34fb999ce4f6c9f2194ca.png

/******************************/
При увеличении до
font-size: 17px;
font-weight: 500;


40c6fedc72b94d41bee60220b3301a36.png

/******************************/
  • Вопрос задан
  • 251 просмотр
Решения вопроса 1
Nekto_Habr
@Nekto_Habr
Чат дизайнеров: https://t.me/figma_life
Попробуй размеры шрифтов выставлять по гайду Гугла (в нем подробно описывается работа со шрифтами Робото и Ното). В гайде описывается стиль с размером 12, но для мобильных операционок. Для десктопов у этого же стиля размер вроде бы 11. Подробнее тут: https://www.google.com/design/spec/style/typograph...
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы