Вам понадобится
  • - файл шрифта в формате TTF.
Инструкция
1
Для использования набора шрифтов, установленных на компьютере, можно воспользоваться параметром font-family каскадных таблиц стилей. Для этого введите следующий код для нужного элемента:

Текст



Данная команда выведет заголовок второго уровня h2 текстом гарнитуры Arial.
2
Если вы хотите использовать собственный шрифт, его предварительно необходимо загрузить на хостинг и включить при помощи соответствующей команды. Файлы TTF включаются следующей командой:



Атрибут font-family в данном случае задает название гарнитуре шрифта, а src: url(font.ttf) указывает путь к файлу TTF.
3
После включения элемента можно использовать его для отображения текста:

Текст



Данная команда отвечает за вывод необходимого шрифта font курсивом в заголовке второго уровня. Если браузер пользователя не поддерживает обработку файлов TTF, будет использоваться указанный после первой запятой системный шрифт (в данном случае Verdana).
4
Некоторые браузеры не поддерживают загружаемый TTF. Например, Internet Explorer 8 для отображения текста использует формат EOT. Для таких обозревателей сконвертируйте исходный TTF при помощи многочисленных сервисов и включите полученную гарнитуру в параметр @font-face аналогичным образом.
5
Если вы хотите импортировать нужный вам файл с другого ресурса, воспользуйтесь командой @import, которую необходимо прописать вверху документа CSS:

@import url(http://адрес_шрифта)