1 заметка с тегом

шрифт

Font style matcher или как убрать шрифтовую вспышку

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

Как происходит вспышка шрифта при его загрузке.

Решение проблемы


Нужно выбирать гарнитуру похожую на кастомный шрифт, который использовал дизайнер. Подогнать по параметрам: line-height, letter-spacing, font-size и т. д. Но это не значит, что нужно отказаться от кастомного. Нет, он так же будет работать, просто стандартый будет очень похож и эффект вспышки будет минимальным.

И такой сервис придумали. Его реализовала Моника из Канады. Кстати, она работает разработчиком в Google Inc. Знакомтесь и пользуйтесь — https://meowni.ca/font-style-matcher/ пока бесплатно.

Сервис подгона двух шрифтов для уменьшения эффекта вспышки