Как правильно установить локальные шрифты на сайт?

Такие дела.

Если взять гугол шрифты и вставить на сайт, то можно использовать данный шрифт как установленный в систему: задавать толщину через font-weight, устанавливать стиль через font-style.

Но при установке локального шрифта (в смысле, локального на сервеве, где находится сайт) приходится каждой гарнитуре давать отдельное имя ('Exo regular', 'Exo bold', 'Exo black', 'Exo italic') и мучаться с этим, особенно если приходится менять шрифт.

Как встраивать локальный шрифт, чтобы его можно было использовать так, будто он есть у пользователя в системе?
  • Вопрос задан
  • 1590 просмотров
Решения вопроса 2
Никак. Если у вас, например, с сервера грузится шрифт с начертанием regular, а вы ему ставите font-weight: 700, то браузер сам будет пытаться сделать шрифт утолщенным. Зачастую это приводит к артефактам и вообще корявости шрифта. Для этого и нужные файлы со всеми начертаниями.
Когда вы подключаете гугл шрифты, вы указываете какие начертания собираетесь использовать.
А системные шрифты имеются на компьютере во всех начертаниях.
Ответ написан
sabramovskikh
@sabramovskikh
МОжно дать одно имя, но в стилях прописать для чего он будет применяться (font-weight:, font-style)
@font-face {
  font-family: 'fs_elliot';
  src: url(fonts/fs_elliot_pro-bold.eot');
  font-weight: bold;
  font-style: normal;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы