Встроенные шрифты в HTML-странице

Зачем?
В HTML вообще не надо указывать конкретные названия шрифтов, только их общее название (как это правильно называется?), например "моноширинный, наклонный, размер +2, ..."

> Зачем?

Good practices мне, конечно, ведомы. Но тут нужно буквально в одном месте сделать лозунг замысловатым шрифтом. Можно, конечно, соорудить картинку, но текст лозунга до конца еще не продуман, а дергать дизайнера каждый раз, когда уточняется текст, не хочется по причинам, которые я обсуждать не буду. Если коротко, то текстом рулит один человек, а оформлением -- другой. Плюс то, что сайт многоязычный, так что придется делать несколько картинок.

>> Если коротко, то текстом рулит один человек, а оформлением -- другой. Плюс то, что сайт многоязычный, так что придется делать несколько картинок.

Ну прикрутите туда скрипт. В другом случае - проще будет дергать дизайнера.

> Но тут нужно буквально в одном месте сделать лозунг замысловатым шрифтом.

IMHO как вариант, взять любой векторный редактор, нарисовать текст этим шрифтом, преобразовать надпись в контур/многоугольник или что там еще бывает и сохранить в SVG, а на страничке сделать inline/external SVG. Всё. ;-) Только плагин может потребоваться некоторым браузерам ...

<font face="Times New Roman">Текст</font>

Не то?

:-)

+1)

Круто! HTML-хакеры подтянулись :)

> Не то?

Почти. Только шрифт "Сomic", а смотреть на системе, где этот шрифт не установлен.

> а на страничке сделать inline/external SVG

А чем SVG поможет? Неужели можно надпись менять без использования векторных редакторов?

> Не то?

Впрочем, спасибо за подсказку. Я просто не сразу вспомнил, что задавал и этот вопрос, почти сразу же нагуглил ответ, вот и забыл.

Остаются таки вопросы -- чем сделать PFR, и можно ли использовать TTF? Похоже, что TTF таки не работает -- экспериментировал, не поехало. Или я что-то не так сделал?

> А чем SVG поможет? Неужели можно надпись менять без использования векторных редакторов?

Ну в принципе можно и SVG менять через JavaScript (document.write), но придется где то держать описание всех используемых букв + рассчитывать смещение каждой буквы (по сути вы в JavaScript-е будете рулить чем то вроде canvas, только в текстовом формате). Изврат еще тот конечно, но мне кажется что легального способа подгрузить шрифт не существует.

Возможен конечно вариант с какой-нибудь Java/ActiveX, которые будут шрифт по сети подгружать (но позволяет ли лицензия на него это делать).

Here is one of the style sheets that is tuned into a CSS swf:
/* CSS file */
@font-face {
src:url("assets/arial.ttf");
fontFamily: myFont;
}

@font-face {
/* Note the different filename for boldface. */
src:url("assets/arialbd.ttf");
fontFamily: myFont; /* Notice that this is the same alias. */
fontWeight: bold;
}

Если вышеприведенный CSS не поможет, то можно еще в сторону swf посмотреть, наверняка можно написать swf, параметр которому будет задавать выводимую строку, а ttf AFAIK точно интегрируем в swf.

> можно еще в сторону swf посмотреть

Ну, именно из swf идея и пошла, но флэшки тоже не хочется по определенным причинам...

> @font-face {

Во, я видел это в демонстрационных примерах, но непонятно, как потом это определение использовать. Скажем, вот так:

http://aroks.kiev.ua/fonts/fonts.html

не работает. При том, что

http://aroks.kiev.ua/fonts/fonts.css http://aroks.kiev.ua/fonts/scriptbl.ttf

вполне доступны. Более того, валидатор CSS находит ошибки:

http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&...

Я вообще так понял, что at-правила работают в CSS1, и сейчас уже устарели, правильно? Или нет? Если нет, то что я делаю не так?

Я не силен в веб технологиях, но умею пользоваться поиском, посему дальше не подскажу. Мне просто была интересная описанная проблема, вот и нашел через google варианты (кроме SVG+JS).

Лебедев, "изобретя" знак рубля, вроде бы заюзал эту фичу. Покопайся у него на сайте.

http://www.alistapart.com/articles/cssatten