Вам понадобится
- - файл шрифта TrueType или OpenType.
Инструкция
1
Создайте файл таблицы каскадных стилей (.css) и откройте его при помощи Блокнота как обыкновенный текстовый файл. Далее впишите строчки:@font-face {font-family: “Название шрифта”;src: url(“путь к файлу шрифта”);font-size: 12px; }Значение параметра font-family должно совпадать с названием вашего шрифта. В качестве url можно указывать как абсолютный, так и относительный путь к файлу ttf или otf. В font-size укажите размер букв в пунктах, процентах или пикселях. В соответствии со спецификацией CSS вы дополнительно можете задать любые доступные параметры начертания (например, font-weight или font-style).
2
Сохраните файл. Теперь подключите его к вашей HTML-странице при помощи тега , который обычно прописывается в разделе : не требует закрывающего дескриптора.
3
Для использования шрифта необходимо прописать дополнительные параметры. Воспользуйтесь параметром font-family:h1 { font-family: “название подключенного шрифта”; }Теперь все заголовки первого уровня будут написаны буквами из вашего файла. Если вы хотите придать собственное начертание всем словам на сайте, то укажите параметр font-family аналогичным образом в body:body { font-family: “имя шрифта”; }
4
Также вы можете создать определенный класс пользоваться им при необходимости уже в самом HTML:.myfont { font-family: “название шрифта”; }В коде страницы это будет выглядеть так: