WebFonter представлял собой браузерный инструмент для непосредственного тестирования шрифтов FontShop на веб-сайте перед покупкой шрифта. Он позволял дизайнерам изменять заголовки и основной текст прямо на месте, вместо того чтобы оценивать шрифт по статичному образцу. Этот первоначальный рабочий процесс теперь стал историей: онлайн-магазин FontShop закрылся в 2023 году, а прежний адрес WebFonter перенаправляет на информационную страницу FontShop, а не на инструмент установки. Вы по-прежнему можете предварительно просматривать шрифты через MyFonts и экспериментировать с типографикой своего сайта в инструментах разработчика браузера.
Не полагайтесь на старые инструкции по установке WebFonter. Согласно официальному разделу часто задаваемых вопросов Monotype о закрытии платформы , коммерческая платформа FontShop.com была закрыта 15 декабря 2023 года . Оригинальный веб-адрес WebFonter теперь ведет на информационную страницу FontShop, которая перенаправляет пользователей в раздел MyFonts. Подтверждение поддержки расширения или букмарклета WebFonter в настоящее время не удалось. Поэтому старые инструкции по установке расширения и букмарклета Chrome следует рассматривать как запись о работе продукта, а не как рабочее руководство по установке.
Главное преимущество этого инструмента заключалось в возможности увидеть шрифт в контексте. Вместо того чтобы открывать отдельный образец шрифта, дизайнер мог просмотреть реальную страницу и изменить ее типографику, сохраняя при этом видимым макет.
Это описания функций из прошлого, а не подтвержденные актуальные меню. В некоторых старых обзорах также упоминалось сочетание клавиш Ctrl+H для скрытия элементов управления WebFonter. Избегайте использования этого совета в современных браузерах: Ctrl+H обычно открывает историю просмотров, если страница или инструмент ее не перехватывают.
Коллекция шрифтов FontFont от FontShop теперь доступна через официальную информационную страницу FontShop и MyFonts . Предложенный подход разделяет поиск шрифтов и тестирование на странице; в отличие от старого WebFonter, это не предварительный просмотр FontShop на сайте в один клик.
Найдите подходящий шрифт на MyFonts. В окне предварительного просмотра шрифта или отдельного стиля введите заголовок, метку навигации или абзац из вашего проекта. Согласно разделу часто задаваемых вопросов MyFonts , вы можете настроить размер и цвета предварительного просмотра, а также проверить поддерживаемые функции OpenType. Функция «Альбомы» также помогает собирать шрифты для сравнения. Проверьте несколько вариантов толщины: привлекательный декоративный шрифт может оказаться неудобным для длинных абзацев.
Откройте свой веб-сайт в Chrome, щелкните правой кнопкой мыши заголовок или абзац и выберите «Просмотреть код элемента» . На панели «Элементы» отобразится выбранный HTML-узел; на панели «Стили» — список CSS-стилей, влияющих на него. Вы также можете использовать инструмент выбора элементов для выделения текста на странице. Подробное описание элементов управления см. в руководстве Google по режиму «Просмотреть код элемента».
В разделе «Элементы» → «Стили» отредактируйте существующее объявление font-family или добавьте его к выбранному элементу. Например, протестируйте Georgia, serif в качестве локально доступного заменителя шрифта с засечками, а затем поэкспериментируйте с font-size , line-height или letter-spacing . Изменения обычно видны сразу, но они не являются постоянными для вашего опубликованного сайта. Google объясняет эти элементы управления в своем справочнике CSS для DevTools .
Важно: ввод названия коммерческого шрифта в CSS не приводит к автоматической загрузке этого шрифта. Чтобы увидеть на странице реальный коммерческий шрифт, он должен быть уже доступен через правильно лицензированный и загруженный ресурс шрифтов или разрешенную локальную установку. В противном случае браузер отобразит резервный вариант. Не путайте резервный предварительный просмотр со шрифтом, который вы собираетесь купить.
Бесплатный предварительный просмотр в магазине не является лицензией на размещение файлов шрифтов на общедоступном веб-сайте. MyFonts поясняет, что веб-шрифты встраиваются через @font-face и требуют соответствующей лицензии на веб-шрифты; разрешенные домены и условия просмотра страниц зависят от лицензии, предлагаемой для данного продукта. Перед добавлением файлов в рабочую среду ознакомьтесь с информацией о лицензировании семейства шрифтов и условиями покупки. Лицензия для настольных компьютеров сама по себе не гарантирует встраивание в веб-среду.
Если изменение, кажется, ничего не меняет, проверьте, не переопределяет ли ваше изменение более конкретное правило CSS, действительно ли загружен шрифт и правильно ли вы выбрали элемент страницы. Протестируйте несколько вариантов ширины области просмотра. Изначально привлекательность WebFonter заключалась в мгновенном определении контекста; сегодня сочетание образца MyFonts с временными изменениями в DevTools предлагает практичный способ сделать осознанный выбор типографики, не утверждая, что устаревший инструмент все еще доступен.
Практическое руководство 2026 года по покупке товаров в коротких видеороликах, партнерским программам для авторов контента и онлайн-торговле через прямые трансляции, с прогнозами по США на текущую дату, примерами платформ и контрольным списком для покупателей, касающимся раскрытия информации и возврата товаров.
Сравните 10 браузеров и инструментов для работы с прокси-серверами, от Tor и Opera до Firefox и CroxyProxy, с учетом практических ограничений конфиденциальности и советов по настройке.
Узнайте, как массово удалять публикации в Facebook на телефоне, фильтровать старые обновления, использовать «Корзину» или «Архив» и восстанавливать публикации в течение 30 дней.
Чтобы устранить ошибку ERR_TUNNEL_CONNECTION_FAILED в Chrome, сначала проверьте настройки прокси-сервера и VPN, а затем устраните неполадки в расширениях, DNS и программном обеспечении безопасности.
Узнайте, как функция Integrated Inbox интегрировала приложения Google в Gmail в Firefox, что по-прежнему работает на бумаге и как выглядит встроенная боковая панель Gmail в сравнении с ней.
Узнайте, как WebFonter когда-то позволял вам тестировать шрифты FontShop на работающих веб-сайтах, почему оригинальный инструмент устарел и как сегодня можно предварительно просматривать шрифты.
Старое расширение Facebook Undo предлагало пятисекундную задержку. Узнайте, что по-прежнему работает для редактирования, удаления, архивирования или восстановления неудачной публикации в Facebook.
Используйте расширение «Настройки конфиденциальности» для Firefox, чтобы изменять поддерживаемые параметры конфиденциальности из всплывающего окна на панели инструментов, а также узнать, когда встроенные элементы управления работают лучше.
Узнайте, как Shrink2One изначально объединял несколько URL-адресов в одну короткую ссылку, о функции добавления пароля по желанию и о том, что делать, если сервис недоступен.
Подозреваете несанкционированный доступ к Gmail? Проверьте недавнюю активность в учетной записи, IP-адреса, устройства, на которых был выполнен вход, и события безопасности — и узнайте, как защитить свою учетную запись.
