Блог

Пример подключения шрифтов на сайт, разных форматов

Самый простой и правильный способ подключения нестандартных шрифтов на сайт:

@font-face {
    font-family: 'NAME'; // Название шрифта
    src: url('NAME.eot'); // Путь к файлу шрифта .eot
    src: local('FONT'), // Рандомное название, можно оставить как есть
    url('NAME.woff') format('woff'), // Путь к файлу шрифта .woff
    url('NAME.ttf') format('truetype'), // Путь к файлу шрифта .ttf
    url('NAME.svg#svgFontName') format('svg'); // Путь к файлу шрифта .svg
    font-weight: normal; // Для нормального отображения шрифта
    font-style: normal; // Для нормального отображения шрифта
}

Если у вас к примеру нет желания подключать шрифт формата «.svg» — а такое случается, вы просто удаляете эту строку, и так со всеми.

5 1 голос
Рейтинг статьи
guest
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x
()
x