Обновленное отображение шрифтов в Figma

Сегодня вышло обновление для дэсктопного приложения Figma. Оно принесло нам некоторые изменения в рендеринге шрифтов. Из важного:

Первая строка

Теперь в первой строке текстового блока будет добавляться половинка межстрочного расстояния. Это значит текстовый блок в фигме будет отображаться в точности как в браузере.

Обновленное отображение шрифтов в Figma, image #1

Межстрочное расстояние в процентах

Межстрочное расстояние в процентах теперь считается не от заданного по-умолчанию в шрифте, а от размера шрифта. Например, если у вас размер шрифта 100px, то межстрочное расстояние 200%, будет равняться 200px. Раньше межстрочное в 200px для размера шрифта 100px ровнялось 166%.

Обновленное отображение шрифтов в Figma, image #2

Смайлик

Если у вас в текстовом блоке вставлены смайлики, то раньше они разрывали межстрочный ритм, делая строку со смайликом выше остальных, теперь такого не будет

Обновленное отображение шрифтов в Figma, image #3

Межбуквенная разрядка

Раньше, если вы ставили в строке межбуквенную разрядку, то после последнего символа добавлялся такойже оступ, как между букв в середине строки. Теперь этого не будет.

Обновленное отображение шрифтов в Figma, image #4
Важно отметить то, что данные изменения по-умолчанию будут применены для всех новых текстовых блоков. Текстовые блоки созданные ранее, будут отображаться по-старому, но можно им применить новое отображение в настройках Advanced Type. При этом можно будет вернуть и старое отображение.

Есть еще несколько изменений, вы можете прочитать о них в огромной оригинальной статье :) https://www.figma.com/blog/line-height-changes/

476 views·7 shares