Всем привет! В этой статье я расскажу как подключить любые шрифты на сайт с помощью CSS. В мой проект необходимо подключить шрифты CoFo Sans и Gilroy. Я буду использовать все жирности от 100 до 900. Вот таблица значений жирности шрифтов: Такую конструкцию мы вставляем столько раз, сколько необходимо подключить начертаний шрифтов...

@font-face - правило, которое позволяет указать шрифты для отображения текста на веб-страницах, которые могут быть загружены либо с удаленного сервера, либо с компьютера пользователя. @font-face позволяет разрабатывать контент не ограничиваясь набором "безопасных" шрифтов (шрифтов, которые настолько распространены, что считаются доступными по умолчанию). Возможность определить локально установленный шрифт позволяет более гибко настраивать шрифты не полагаясь на соединение с интернетом.  Большое количество открытых для скачивания шрифтов вы можете найти на Google fonts...