Подключить и использовать свой шрифт на сайте можно, используя правило каскадных таблиц @font-face. Как можно им воспользоваться?
Сначала вам нужно создать (иметь) файл шрифта - обычно он бывает с расщирением ttf. Допустим, ваш шрифт назвается Super Font. Файл будет называться superfont.ttf. Размещаете его на сервер - лучше для этого создать специальную директорию. Затем подключаете его в CSS:
Code
@font-face {
font-family: "Super Font"; - это название шрифта
src: url("http://yoursite/fonts/superfont.ttf"); - это путь к файлу шрифта
font-size: 11pt; - тут можно указать любые особые свойства шрифта
}
Для подключения шрифта вам нужно просто использовать свойство font-family либо в CSS, либо прямо в html коде. Допустим, вы хотите, чтобы у вас на сайте все заголовки h2 использовали ваш шрифт. Для этого вам нужно в CSS написать следующее:
Code
h2 { font-family: "Super Font" }
Небольшие замечания по существу:
1. Всегда старайтесь сделать конфетку, используя для этого стандартные возможности. Любые отклонения применяйте лишь в крайнем случае. В данной ситуации, свой шрифт - это отклонение.
2. Не забывайте о том, что свой шрифт, как правило "весит" прилично - так что, время загрузки сайта может несколько увеличиться.
3. Теоретически, может не сработать в некоторых браузерах, хотя должно работать.
Источник