Как растянуть шрифт по вертикале не увеличивая размер?

Question

[Дмитрий Акулич]

В макете PSD шрифт увеличен по вертикале на 110% (маштаб по вертикали). От этого буквы как бы вытянуты. Есть ли возможность вытянуть буквы по вертикали с помощью css?

Comments

[Сергей delphinpro]

transform: scaleY(1.1)
это первое что приходит в голову. но не совсем то, конечно

[Ankhena]

не очень умный ход: https://jsfiddle.net/mzum4qsh/
но дизайнера бы стукнуть чем-нибудь

[Дмитрий Акулич]

Спасибо, думал есть какое то более элегантное решение. Просто текст во всем макете, а это лендинг на 9 секций, увеличен... Боюсь что если весь текст пропустить через scale, то будет сильно страдать производительность, или я ошибаюсь?

[Сергей delphinpro]

Дмитрий Акулич, Производительность — хрен с ней. Трансформации увеличивают элемент, но не увеличивают пространство им занимаемое. Для одной-двух строк текста сойдёт, но из-за больших блоков поедет макет.

[Сергей delphinpro]

Согласен с Ankhena — дизайнер лоханулся.

[Ankhena]

Дмитрий Акулич, Это ошибка дизайнера. Предложите заменить на какой-нибудь подходящий шрифт со словами Condensed

[Дмитрий Акулич]

Всем спасибо!

Вот такое вот тестовое задание мне дали для проверки моих знаний. Сверстать лендинг в офисе. Такого в моей практике еще не было, вот и растерялся...

С дизайнером связи нет.

Сделал что смог.

Answer 1

[SVM]

нет,
но можно создать и подключать свой ,уже изменённый шрифт.