Как задать свой шрифт в html

Шрифт – неотъемлемая часть веб-дизайна, придающая сайту характерный стиль. Качественный текст на странице должен выглядеть гармонично, сочетаться с остальными элементами сайта и при этом способствовать лучшему восприятию информации. При помощи языка разметки HTML и каскадных таблиц CSS можно настроить практически любые параметры, способствующие достижению максимальной эффективности страницы.

Вам понадобится

• - файл шрифта в формате 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://адрес_шрифта)