Возьмите шрифты из FontShop для тестирования на любом веб-сайте

WebFonter — это расширение Chrome и букмарклет, который позволяет вам опробовать шрифты из FontShop, в котором есть большая коллекция шрифтов, которые вы можете купить. В нем также есть бесплатные шрифты, хотя их выбор меньше. Шрифты могут стоить от 45 до 2000 долларов. Что делает WebFonter, так это то, что он позволяет вам опробовать шрифт на своем веб-сайте так же, как попробовать перед покупкой. Вы можете поиграть со шрифтом, использовать несколько шрифтов для разных стилей заголовков и основного текста и изменить атрибуты шрифта, такие как высота строки и интервал. Вы можете выбрать любой шрифт в FontShop, не заходя на сам веб-сайт и не глядя, как он выглядит.

Пользователи Chrome получают расширение, и если вы используете любой другой браузер, вы можете использовать букмарклет. Перейдите на сайт, над которым вы работаете. Он работает как для действующих, так и для локальных веб-сайтов, но вам потребуется подключение к Интернету, чтобы расширение могло получать шрифты. Щелкните расширение / букмарклет и в появившемся окне выберите шрифт и то, для чего вы хотите его использовать.

WebFonter

Чтобы выбрать другой шрифт, нажмите «Сменить семейство». Откроется второе окно, в котором можно искать шрифты по типу, просматривать их или искать по имени. Щелкните шрифт, который хотите опробовать, или удерживайте курсор над ним, чтобы найти похожие шрифты, просмотреть дополнительные сведения об этом шрифте (открывает веб-страницу) или добавить его в избранное. Щелкните шрифт, и он будет выбран, изменения на веб-странице немедленно отобразятся.

WebFonter выберите шрифт

Вы можете свернуть как окно выбора шрифта, так и главное окно WebFonter, щелкнув маленькую направленную вверх стрелку в правом верхнем углу. Вы можете скрыть это, нажав Ctrl + H. Убедитесь, что вы сначала щелкнули по окну, иначе ваша история просмотров будет открыта на новой вкладке.

По умолчанию расширение позволяет вам настроить шрифт для уровня заголовка H1 и основного текста, но если вы удерживаете курсор над первыми вариантами замены шрифта, он расширяется, чтобы отобразить кнопку «плюс». Щелкните по нему и выберите атрибут, к которому вы хотите применить шрифт. Вы также увидите кнопку покупки, которая позволяет вам перейти в FontShop и купить шрифт. Кнопка Tweak позволяет изменять размер, высоту строки и интервал шрифта.

Настройка WebFonter

В качестве инструмента WebFonter довольно хорош, но он ограничен шрифтами, доступными в FontShop. Я полагаю, что это был бы гораздо более полезный инструмент, если бы вы могли загружать шрифты, загруженные на свой диск, и тестировать их вот так.

Установите WebFonter для вашего браузера