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

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

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

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


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

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

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

Поделиться
Отправить
Запинить
2 комментария
Ванильный уксус

Идея заебись, но с юзабили у госпожи Моники очень туго. Мне приходится править параметр, потом прокручивать вниз и смотреть что получилось, потом скролить вверх и все заново. Когда я переходил по ссылке я думал, что там сервис, который автоматически подгоняет шрифт.
Еще есть новый код 103, который может помочь решить проблему. http://www.opennet.ru/opennews/art.shtml?num=47474

Kotovod.ru

Согласен с Вами, просто она не все делаем сама, а компетентности ей не хватает. Поможем ей?
Спасибо за 103.

km

все равно хреново выглядит

Kotovod.ru

@km Так я результат после не показал)

Ваш комментарий
адрес не будет опубликован

ХТМЛ не работает

Ctrl + Enter
Популярное