Ох, лол.
«Скажите дизайнеру, что так нельзя», «Так задумано дизайнером шрифта», «Бебебе бебебе».
Что же вы, дорогие мои, не пишете на ванильном JS свои большие проекты, а используете Lodash и всякие Реакты, облегчающие работу. Зачем все эти «подпорки»?
Интервал в PS * Размер шрифта в PS / 1000 = letter-spacing. Но надо смотреть, чтобы результат попадал сюда. Если что — надо потвикать немного.
И да, немного теории.
line-height — очень важный параметр текста. Лайн-хайт невероятно сильно влияет на читаемость большого объема текста и очень сильно зависит от ширины текстовой колонки. Чем шире колонка — тем больший лайн-хайт нужно вкрутить. Иначе все начинает слипаться, глаза прыгают на соседние строки и чтение превращается в боль. С узкими колонками ровно наоборот — большой лайн-хайт создает бессмысленную разваливающуюся колбасу.
letter-spacing — обязательный атрибут, если в дизайне есть надписи набранные капителью или просто прописными. Без вариантов, нужно кернить. Другой момент — экран телефона. Любой шрифт, пусть даже такой крутой как Roboto или SF гораздо лучше читается при слегка увеличенном спейсинге. Любой интерфейс становится на голову приятнее банальным увеличением межбуквенного расстояния с 0 до 0.3. Да, в больших текстах это может не иметь смысла, так как в хороших шрифтах все шрифтовые пары откернены авторами, но в интерфейсах это очень важно. Многие дизайнеры используют этот трюк, только вот он частенько разбивается о лень товарищей, подобных тем, что выше в комментах.
Будьте профессионалами, друзья мои.