конвертировать один шрифт в другой

Для внедрения веб-шрифтов из коллекции Google можно использовать бесплатный интерфейс .

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

В новом интерфейсе добавлен фильтр просмотра шрифтов по ширине/толщине, независимо от номинальных характеристик шрифта. То есть один шрифт в варианте Bold может быть тоньше, чем другой шрифт в стандартном варианте, а при выборе фильтра на экране всегда находятся шрифты одинаковой толщины. Эта фича основана на технологии .

Интерфейс разработан по юзабилити на группе пользователей. Выяснилось, что при выборе шрифта пользователи часто имеют какой-то конкретный способ его использования. Поэтому в браузер шрифтов добавлены три типичных варианта предпросмотра и сравнения шрифтов: 1) слово; 2) предложение; 3) абзац. При выборе того или иного варианта автоматически меняются размер шрифта и размер окошка предпросмотра, так что на экран помещается больше шрифтов.

Разработчики не только обновили интерфейс, но и добавили несколько полезных фич, о которых их давно просили, в том числе возможность предпросмотра на любом заданном тексте, посимвольного сравнения и индикатор времени загрузки страницы.

Удивительно, сколько классных продуктов Google может выпустить за один день, пусть это даже и тау-день. На Хабре уже обсудили , , и , а вот ещё один релиз: новый интерфейс для просмотра веб-шрифтов . Ссылка на новую версию появилась также в (вверху). На данный момент каталог содержит 180 семейств веб-шрифтов. Все они являются свободными и могут быть легко встроены в любую страницу.

Новый каталог веб-шрифтов от Google

Новый каталог веб-шрифтов от Google / Хабрахабр