Иногда возникает необходимость использования на сайте нестандартных шрифтов. В данной статье будет рассказано о простом способе «прикрутить» шрифт на ваш сайт средствами CSS. Рассказывать буду на примере Trebuchet MS.
Решение подходит для: Opera, Firefox и IE.

Итак, приступим.

1. Для начала нам понадобится файл самого шрифта, в формате TTF (TrueType Font). Для этого можно воспользоваться этим сервисом. На нем вы найдете какой угодно шрифт и сразу проверите его в действии.
2. После закачки необходимо .ttf сконвертировать в .eot (Embedded OpenType). Заходим сюда. Нашжав «Обзор» выбираем .ttf, после чего жмем кнопку «Convert TTF to EOF!». Сохраняем на диске.
3. Создаем папку fonts в папке с нашим шаблоном и копируем туда trebuc.ttf и trebuc.eof. Кстати, файлы со шрифтами можете озаглавить как угодно.
4. Далее необходимо добавить следующие строки в css файл нашего шаблона, причем выше стилей, к которым нужно будет привязать шрифт. Также хочу заметить порядок подключения файлов: сначала .eot, а потом .ttf.

Спросите почему подключаем два файла? Дело в том, что .ttf поддерживается Мозилой и Оперой, а .eof необходим для IE.
5. В том же файле со стилями мы теперь можем указывать в классах наш шрифт:


Все готово! Жмем F5 и наслаждаемся новым шрифтом на нашем сайте из Оперы, Мозилы и IE.