Блог

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

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

@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» — а такое случается, вы просто удаляете эту строку, и так со всеми.

Оставить комментарий

avatar