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

Делаем тест-драйв нового шрифта на сайте

Контент – это наше все! Очень важно, чтобы содержимое сайта было легко читаемым и выглядело аккуратно и красиво, поэтому необходимо уделять должное внимание подбору правильного шрифта.

фото шрифты

Есть несколько вариантов перебрать возможные шрифты:

  • Если сайт еще не существует в сети, то шрифт обычно подставляют в photoshop-макете сайта и путем проб перебирают все, что есть на компе.
  • Если сайт уже присутствует в сети, то есть более простой и удобный способ – это использование специального сервиса под названием TypeWonder.com. Кстати, даже если сайт еще не существует, то можно найти подобный и произвести “примерку” с ним.

TypeWonder для подбора шрифта

Теперь давайте рассмотрим алгоритм работы сервиса детальнее (хотя он на столько просто, что говорить тут практически не о чем).

На главной странице сайта вводим адрес сайта, к которому хотим подобрать подходящий шрифт (свой или чужой сайт) и нажимаем кнопку “GO”.

tw

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

После выбора нужно нажать кнопку “Использовать” (“Use”, на английском языке) и прямо в вашем браузере появится сайт с новым шрифтом.

Также по центру вверху есть кнопка “Enabled/Disabled”, которой можно переключать между настоящим шрифтом сайта и тем,что вы подставили – очень удобно для сравнения.

Если вы захотите внедрить изменения на своем ресурсе, то нажмите кнопку “Get code” (вверху справа), после чего вылезет окошко с кодами, которые нужно закинуть на сайт.

Раньше я использовал замену через браузер Google Chrome (прописывал ручками в исходном коде название шрифта, который есть на компе), а через этот сервис как-то быстрее и удобнее. Возможно есть лучшие аналоги, или как-то это можно делать по-другому. Я об этом не знаю, делить в комментах своими способами!

Похожие публикации на блоге:

Комментарии (1):

  1. Вау, я обычно в фотошопе перебирал шрифты, но не чтобы проверить и в тексте и в меню – слишком трудозатратно. Удобный сервис!

Добавить комментарий