Доброй ночи товарищи.

Получил макет сайта. В нем есть надпись, которая сделана в фотошопе с высотой 70%, т.е. выглядит приплюснутой. 
Я бы сделал этот элемент дизайна картинкой, да вот только надо что бы это был текст(будет меняться).

Можно ли это сделать, и если можно то как?

В прикрепленном файле пример шрифта Arial со 100% и 70% высотой.

Присоединённый файл ( Кол-во скачиваний: 21 )
 __________________.png 251,12 Kb

Когдато я видел такие игры со шрифтом, но не придал им значения, щас не могу найти... Извини.
В любом случае это было бы вне соответствия стандартам. По этому советую поработать в фармате GIF89a. Если вам нужен меняющийся текст - нет ничего проще, анимация для этой роли подходит лучше всего. А соответствие стандартам только плюс! ;)

Мне не нужна GIF анимация.
Мне нужен CSS код который сделает текст приплюснутым. Чтобы можно было менять ручками время от времени этот текст.
В спецификации CSS2 я не нашел ничего похожего на это. Но может я плохо смотрел. Видимо это не решить просто CSS. Надо делать картинку. 

Искажения шрифтов пока нет. Есть только интервал между буквами - letter-spacing. Но для данного случая я бы попробовал шрифт Arial Black вместо Arial - он как раз и выглядит растянутым по ширине (или приплюснутым по высоте, все относительно).

А вообще здравые мысли про подобное насилие над шрифтами высказаны в "ководстве"...

Если нужно немного растянуть по ширине, можно наложить текст один на другой,
на пример так:

Можно, конечно, через SVG извратиться. Или через Flash (как более доступный и кроссбраузерный вариант), причем флешку можно сделать динамической, а нужный текст подсовывать ей параметром. Но лучше постараться переубедить дизайнера 

Спецификацией CSS 2.0 (но не CSS 2.1) был предусмотрен способ растягивать текст свойством "font-stretch". В CSS 2.1 была опущена эта возможность из-за того, что современные броузеры не поддерживают эти возможности!

Как и следует из его имени, свойство font - stretch либо сужает, либо расширяет отображаемые символы. Для данного свойства предусмотрено девять именованных значений: ultra-condensed, extra-condensed, condensed, semi-condensed, normal, semi-expanded, expanded, extra-expanded и ultra-expanded (они представлены в порядке возрастания ширины символов).