Порой бывает нарисовал красивый дизайн с интересными и нестандартными шрифтами, а у посетителей сайта таких шрифтов нет и они не могут оценить всю красоту вашего сайта. Отсюда возникает вопрос: "Как установить нестандартный шрифт на сайте?" Делается это довольно просто. Сейчас я вам попробую доступным языком рассказать:

1. Закидываете в корень (можно хоть куда) ваш шрифт. У меня файл шрифта называется AVA_IBI.TTF
2. В файл index.html подключаете файл стилей style.css командой <link href="style.css" rel="stylesheet" type="text/css" />
3. В файле style.css прописываете такую команду:
   @font-face {
     font-family: AVA_IBI;
     src: url("AVA_IBI.TTF") format("opentype");
   }
4. Теперь данный шрифт можно использовать хоть где, для этого нужно задать это в файле style.css. Давайте применим его к тегу <p>
   p {font-family:AVA_IBI;}

Теперь все наши абзацы будут показаны всем пользователям новым шрифтом. Так можно подключить несколько шрифтов к Вашему файлу. Только сильно "тяжелыми" шрифтами не увлекайтесь, т.к. вес файла будет зависеть на скорость загрузки страницы у посетителя.

P.S. а вот тут более подробный урок