Как правильно работать с размерами шрифтов(font-size) в Sketch (pt to px)?

Question

[Alexander]

Верстаю макет, встретились текста с размером 5px - 7px. Говорю дизайнеру: "у тебя тут слишком маленькие размеры шрифтов, их едва видно, надо бы увеличить", на что получаю ответ: "чувак это не пиксели(px) а поинты(pt)". Начал гуглить.
Нашел:

1. Да скетч использует pt вместо px для размеров шрифтов
   
2. Нашел кучу калькуляторов которые конвертируют тебе pt в px
   
3. Лучше не использовать при верстке, так как результаты от браузера к браузеру могут отличаться
   

Начинаю тестировать.
Расставляю значение 5pt - 7pt, смотрю в браузере все норм, вот это другое дело. Дальше пробую перевести все font-size в pt. И тут верстка начинает лететь в хлам.

Скриншот выше, это font-size: 15px у текстов.

Скриншот выше, это font-size: 15pt у текстов.

Answer 1

[Андрей Хохлов]

Интересно.

Создал блок текста, размер - 14 (чего-то).
Жму правой кнопкой - Copy CSS Attributes. Получаю в том числе font-size: 14px.

И макет у меня под рукой, верстаю с него, аналогично текст 14px.
Если бы я пользовался формулой про 1px = 0.75pt ( https://stackoverflow.com/questions/44730718/sketc... ), то должно было бы получиться 19px.

Экспортирую макет в jpg, беру расширение PixelPerfect, накладываю макет на вёрстку.
Нет, это явно 14px.

Воспользуйтесь таким же методом, поймёте какой на самом деле нужен font-size. В конце-концов просто подгоняете, меняя в инспекторе.