Задать вопрос
@denisbookreev
html

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

Такие дела.

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

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

Как встраивать локальный шрифт, чтобы его можно было использовать так, будто он есть у пользователя в системе?
  • Вопрос задан
  • 1585 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 2
Kayun
@Kayun
Никак. Если у вас, например, с сервера грузится шрифт с начертанием regular, а вы ему ставите font-weight: 700, то браузер сам будет пытаться сделать шрифт утолщенным. Зачастую это приводит к артефактам и вообще корявости шрифта. Для этого и нужные файлы со всеми начертаниями.
Когда вы подключаете гугл шрифты, вы указываете какие начертания собираетесь использовать.
А системные шрифты имеются на компьютере во всех начертаниях.
Ответ написан
5 комментариев
5 комментариев
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;
}
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Софт на js
19 апр. 2024, в 13:31
10000 руб./за проект
Разработка Pwa сайта
19 апр. 2024, в 13:12
35000 руб./за проект
Доработать вебпроект со стеком: yii2, jquery, vue
19 апр. 2024, в 13:06
6000 руб./за проект
Ещё заказы