Простой и красивый, а самое главное, правильный способ использовать любые шрифты на вашем WordPress болге, при помощи плагина.

На картинке можно увидеть пример, заголовки постов сделаны при помощи этого плагина.

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

1. Ъ-метод – не использовать нестандартные шрифты, достаточно в CSS сказать body {font-family: sans-serif;} и не морочить себе голову.
2. Быдло-метод – нарезать из ЖПЕГов, картинок с заголовками, ужать посильнее, что б появилась размытость и вставлять вместо текста картинки. Достаточно популярный на наших просторах метод.
3. W3C-метод – используем @font-family и наслаждаемся красивыми шрифтами без всяких заморочек. Пока этот метод не рассматривают, как рабочий, по причине слабой поддержи со стороны браузера.
4. sIFR – клевая вещь, наиболее употребляемая на сегодняшний день, но как недостаток – требует наличия Flash-плагина. Хотя это трудно назвать недостатком, но если есть инструмент, позволяющий обойтись без плагинов, то это не может не радовать.
5. Cufón – самое то. Относительно новый метод, который показывает превосходные результаты. Он и есть герой этой статьи.

Все мы знаем прекрасные библиотеки sIFR3 и FLIR, которые на лету помогают использовать любой шрифт на веб-страницах.
Правда, с моей точки зрения, их использование (а именно установку и настройку) нельзя считать легким трудом.

Сегодня я расскажу о библиотеке Typeface.js, которая, как видно из названия, работает на чистом Javascript.

Здравствуйте уважаемые читатели моего поста. Не так давно, при рисовании шаблона для сайта одной компании мне захотелось иметь шрифт на сайте не входящий в список допустимых (Arial, Georgia, Helvetica, Times New Roman, Trebuchet, Palatino, Verdana и несколько других, менее распространенных шрифтов.). Можно конечно сделать на флеше (embeded font), но задача иная — редактировать текст в html коде. И тут внезапно ко мне на помощь приходит это чудо-вещь, — sIFR (scalable Inman Flash Replacement).
Все достаточно просто – Javascript заменяет нужные (X)HTML элементы на Flash, который содержит в себе необходимый шрифт.

• Обычная веб-страница загружается в браузер
• Javascript сначала проверяет наличие Flash плеера и затем ищет указанные тэги или классы.
• Если Flash плеер не установлен или если Javascript выключен, то страница загружается естественным образом, без последствий. Если Flash плеер установлен, то Javascript проверяет код страницы на наличие обозначенных ранее элементов и создает подходящий по размеру Flash, который накладывается на обозначенные ранее элементы.
• Actionscript загружает нужный шрифт размером 6pt, после чего шрифт растягивается до нужного размера.

Скачать и ознакомиться с этой «чудо-технологией» можно на официальном сайте разработчика.

Данная статья навеяна недавним топиком frujo о библиотеке typeface.js, позволяющей отображать текст на web-страницах, используя произвольный шрифт, не присутствующий в системе у конечного пользователя.
Естественно, возникло желание сравнить новый метод с уже давно известным — sIFR &hellip

Многие согласятся, что стандартных Arial, Times, Verdana и т.д. зачастую не хватает.
Тут на помощь вроде как должен прийти css правило @font-face, которое позволяет использовать свой шрифт. Но к сожалению нормальной поддержки браузерами нет. В качестве теста можно использовать http://www.alistapart.com/d/cssatten/stef.html.

В этой заметке пойдет речь о довольно интересной технологии sIFR (Scalable Inman Flash Replacement). Путем комбинации Flash Javascript и CSS на вашей XHTML-страничке можно создать текст, выполненный абсолютно любым шрифтом. При этом xhtml абсолютно валиден, текст будет выделяться, а отсутствие flash или Javascript приведет всего лишь к отображению текста стандарным шрифтом с CSS стилями.

Заметка не претендует на абсолютно полное описание технологии, но в конце вас ждут ссылки на документацию и небольшой пример, который вы сможете скачать одним файлом и «поиграться» с ним на досуге.

только что нарулил в сети интересную штуку — Sistr

по сути это клон sIFR — workaround позволяющий обойти в HTML ограничения на шрифты, т.е. показать на странице блоки текста шрифтом, который не установлен у клиента.