От автора: настройте файлы шрифтов и оптимизируйте стратегию загрузки для максимальной скорости + минимум FOUT. В предыдущем посте я писал о системных шрифтах и их преимуществах перед веб-шрифтами. Я поддерживал подход «сначала системные шрифты», утверждая, что по сравнению с системными шрифтами веб-шрифты могут: (а) отрицательно сказаться на производительности, (б) использовать больше данных и (в) увеличивать ресурсопотребление вашего сайта. Но сеть ...

Если вы находитесь в творческом поиске идеального набора шрифтов для вашего нового дизайн-проекта, то сегодняшняя статья вам точно пригодится. Теоретически, для решения этой задачи можно найти примеры красивой типографики, вдохновиться лучшими подборками шрифтов, но куда проще использовать специальные онлайн сервисы комбинирования шрифтов. Сегодня рассмотрим 10 соответствующих инструментов для дизайнеров. Данные ресурсы позволяет быстро и легко подбирать шрифты, которые будут хорошо ...

Что-то давно у нас не было оригинальных шрифтов в блоге. Последний пост и этой рубрики посвящался страшным хоррор шрифтам, которые легко можно использовать для открыток/иллюстраций на хеллоуин. Если же вам надо создать графику в азиатском стиле, то сегодняшняя подборка как раз для вас. Сначала будут материалы с англоязычным алфавитом, а после них — с поддержкой кириллицы. По аналогии со статьей ...

От автора: недавно я работала над проектом, в котором поднялась тема переменных шрифтов при обсуждении распознавания очертаний. Я слышала этот термин раньше, но я не совсем понимала, что такое переменный шрифт. Я немного покопалась в Сети и была взволнована, обнаружив все возможности, которые переменные шрифты нам предоставляют. Что такое переменный шрифт? Большинство веб-сайтов используют несколько шрифтов, принадлежащих к одному семейству ...

От автора: в прошлом, при загрузке пользовательских шрифтов мы не могли избежать вспышки нестилизованного текста (FOUT) — доли секунды, когда веб-сайт загружается, и используется замещающий шрифт, пока не загрузится ваш пользовательский. Да, этот резкий переход был неизбежен. Вспышка невидимого текста (FOIT) немного улучшала ситуацию, но поскольку она скрывает текст сайта до загрузки шрифта, это создает проблемы с доступностью. Я только ...

Если у вас есть два сильных акцента в дизайне, конкурирующие между собой (будь то иллюстрации, цвета или шрифты), важно сохранять баланс и максимально аккуратно совмещать их вместе. Онлайн инструмент Font Combination Tool от Bold Web Design поможет отыскать эффективные комбинации шрифтов + ниже мы продемонстрируем парочку интересных вариантов. Он отлично впишется в компанию других онлайн сервисов подбора шрифтов для сайтов, рассмотренных ...

Как правило, крупные онлайновые каталоги шрифтов, например, такие как архивы шрифтов на русском языке не просто включают в себя файлы для скачивания, но и позволяют посмотреть входящие в них символы. Это удобно, когда вам требуется подобрать буквы, имеющие определенный специфический вид. Увидеть их сможете прямо на сайте без необходимости загружать на компьютер. Сегодня рассмотрим задачу, похожую по тематике, но «противоположную» по ...

От автора: когда я создал сайт, я не собирался совершать загрузку шрифтов. Какой-то урон производительности, даже небольшой, почти неизбежен, а я хотел, чтобы сайт был быстрым. Тем не менее, в конце я решил использовать один шрифт для заголовков страниц и просто убедиться, что любое влияние на производительность будет минимизировано. Первым шагом было сделать файл шрифта как можно меньшего размера, поэтому ...

Если вам вдруг встретилась красивая типографика сайта в интернете, то посмотрев исходный HTML/CSS код страницы вполне реально узнать какую именно коллекцию шрифтов там использовали. В крайнем случае можно написать авторам/владельцам проекта и спросить о применяемых ими решениях в работе и где их взять. Однако, когда речь идет о найденных в сети иллюстрациях, принтах, баннерах и любых других проявлениях графического дизайна, то ...

От автора: недавно я имел честь поучаствовать в качестве приглашенного эксперта в работе Рабочей группы W3C по веб-шрифтам. Ранее группа отвечала за предоставление нам стандартов форматов шрифтов WOFF и WOFF2, и ее устав был расширен для работы над чем-то новым: решение проблемы производительности при загрузке шрифтов на сайт. Это действительно важная задача, особенно в связи с появлением переменных шрифтов. Я ...