Всем добрый. Сталкнулся с следующей проблемой: в сафари шрифт жирнее.

Question

Всем добрый. Сталкнулся с следующей проблемой: в сафари шрифт жирнее.

Кто подскажет почему ит как поправить? На хроме проблемы не наблюдается. Свойсво text-rendering не помогает
ПРикладываю картинки - 1 фигма, 2 сафари, 3 хром.

#css #frontend #html #programming #russian

0

12.01.2022

9 ответов

29 просмотров

Владислав Баурин Автор вопроса

Need ĨŊFØŖMÂŦĮØŊ 🐾⃤
Посмотри какие шрифты подходят всем и размер тоже ...

шрифт гугловский IBM Plex Sans. Дизайнер сказал использовать его. размер шрифта указан. font-family: IBMPlexSans; font-weight: normal; font-size: 22px; line-height: 32px; letter-spacing: -0.3px; text-rendering: geometricprecision; color: var(--text-secondary);

0

12.01.2022

Need ĨŊFØŖMÂŦĮØŊ 🐾⃤

Владислав Баурин
шрифт гугловский IBM Plex Sans. Дизайнер сказал ис...

B всё равно не работет?

0

12.01.2022

Владислав Баурин Автор вопроса

Need ĨŊFØŖMÂŦĮØŊ 🐾⃤
B всё равно не работет?

ну вот такие свойсва и резцультат на картинках. В сафари жирнее

0

12.01.2022

Владислав Баурин Автор вопроса

Need ĨŊFØŖMÂŦĮØŊ 🐾⃤
B всё равно не работет?

Скрин стилей в сафари, которые он пишет в том числе расчетные конечные свойства

0

12.01.2022

Владислав Баурин Автор вопроса

Владислав Баурин

Скрин стилей в сафари, которые он пишет в том числ...

Так же прикладываю скрин с расчетными свойсвами в хроме. Выглядит одинаково вроде. Но сафари рисует по другому. Жирнее. P.S.Скрины с отрисовкой выше. Ghj,jdfk herfvb pflfnm font-weight: 500; (от 700 bold)и все равно 500 ричсуется по разному

0

12.01.2022

Need ĨŊFØŖMÂŦĮØŊ 🐾⃤

Владислав Баурин

Так же прикладываю скрин с расчетными свойсвами в ...

Попробуйте установить ComicSans для двоих и проверте одинаковы ли они

0

12.01.2022

Владислав Баурин Автор вопроса

Need ĨŊFØŖMÂŦĮØŊ 🐾⃤
Попробуйте установить ComicSans для двоих и провер...

В итоге помогло -webkit-font-smoothing: antialiased;

0