CSS, HTML
Некоторые полезные возможности CSS и HTML.
Позволяет внедрить любой шрифт на веб страницу без жесткой привязки к дизайну (т.е. тексты, заголовки, меню и т.п. можно будет изменять, не прибегая к услугам веб разработчиков).
Обычный текст при загрузке страницы заменяется на SVG объект (для браузеров, поддерживающий стандарты) или на VML (для IE) — графические области, в которых символы отрисовываются с помощью javascript.
Работает в IE 6-8, Firefox 3, Opera 9.5-10.5, Safari 4

Для начала надо скачать/создать 2 файла:
- cufon-yui.js — библиотека
- используем генератор "создания" шрифта для библиотеки. Сюда загружаем файл шрифта (.TTF, .OTF, .PFB), "настраиваем" его под свои нужны. На выходе получаем js-файл, который будет отвечать за отрисовку необходимого шрифта. На выходе из генератора получаем js файл, например JakobCTT_400-JakobCTT_700.font.js

Затем добавить на страницу их вызов и вызов небольшой функции, которая будет задавать какие именно объекты станут менять свой шрифт. В функции можно дописывать различные параметры. Подробнее об этом можно прочесть здесь.

<script src="/cufon-yui.js" type="text/javascript"></script>
<script src="/JakobCTT_400-JakobCTT_700.font.js" type="text/javascript"></script>

<script type="text/javascript">
Cufon.replace("h3");
/* Выбор двух объектов */
Cufon.replace('h1')('h2');
/* Выбор объекта по ID */
Cufon.replace("#welcome");
/* Применение параметров */
Cufon.replace("h1", {
	color: "-linear-gradient(white, black)",
	fontFamily: "Nice font",
    textShadow: "1px 1px rgba(0, 0, 0, 0.2)"
});
Cufon.replace("#nav a", {
    hover: true
});

</script>

 <h3>Куфон текст</h3>
 Простой текст

== Пример ==

Реклама на сайте

www.avk-shop.ru
Модный гороскоп и пр. Интернет-магазин модной одежды и сумок
avk-shop.ru
Костюм химзащиты желтый
Костюм в театре и в истории. Костюмы для бальных танцев и театра
rts-snab.ru