Вариативные шрифты

Чтобы ускорить загрузку сайта, существует множество методов. Один из самых эффективных — сокращение количества и объема загружаемых файлов. Для этого мы оптимизируем исходный код, уменьшаем вес графики и выбираем наиболее подходящие форматы файлов. Иногда для улучшения производительности мы используем CSS для создания графики. Даже дизайнеры стараются минимизировать количество вариаций шрифтов на странице. В моей компании долгое время действовало ограничение на подключение файлов шрифтов: не более трёх. Это связано с тем, что мы работаем с клиентами из разных стран, где скорость интернета может быть низкой. Однако дизайнеры часто создают макеты с большим количеством начертаний шрифтов. Как быть в таких случаях? Самый простой способ — это использование вариативных шрифтов. Что представляют собой такие шрифты? Если на странице применяются шрифты в вариантах 400, 400 italic, 700 и 700 italic, то нужно подключить четыре отдельных файла. В случае же с вариативным шрифтом достаточно одного. Если вы хотите обучаться вместе со мной, то приглашаю вас на индивидуальные курсы HTML Academy (https://htmlacademy.ru/ ): «Профессиональная вёрстка сайтов» (https://htmlacademy.ru/intensive/htmlcss ) или «Адаптивная вёрстка и автоматизация» (https://htmlacademy.ru/intensive/adaptive ). А вот и статья с кодом и со всеми ссылками: https://uzinok.ru/article/css/variable_fonts/ Присоединяйтесь на мой канал в телеге: https://t.me/zapiski_verstalshika