Какой шрифт на сайте
Оставляя свои контактные данные в этой форме, вы даете свое согласие на обработку персональных данных
18/01/2017

Как определить
шрифт на сайте?

Перед вопросом «где взять шрифт», обязательно возникает вопрос — как его выбрать? Самый простой вариант — подсмотреть, какой шрифт используется на любимом сайте. После того, как вдохновение найдено, приступаем к идентификации.
Александра Иващенко
Саша Иващенко
Контент-стратег Svoemedia.ru
hi@svoemedia.ru
Вдохновение — это такая гостья, которая не любит посещать ленивых
— Петр Ильич Чайковский

1. Расширение для браузера

Для каждого браузера есть свои расширения, способные определить шрифт сайта. Например, я в Google Chrome использую расширение от Typ.io. Установить его в браузер можно по этой ссылке. После установки в правом нижнем углу появится серый квадрат с буквой «Т» посередине, при клике на который вы сможете узнать, какие шрифты используются на текущей странице сайта. Также можно выделить часть интересующего текста и нажать на «+» рядом с кнопкой «Т»: вуаля, приложение определило шрифт фрагмента.
Кроме того, на сайте Typ.io можно найти вдохновляющую подборку шрифтов, используемых на разных сайтах. Англоязычных, правда. Поэтому после того, как вы выбрали свою шрифтовую пару, проверьте, поддерживают ли эти шрифты кириллицу.
Еще расширения:
Fontface Ninja (Google Chrome, Firefox, Safari),
WHATFONT TOOL (Google Chrome, Safari),
Typesample (Google Chrome).
2. Смотрим в коде страницы
Кликаем правой кнопкой мыши в любом месте страницы интересующего сайта и выбираем «Посмотреть код» (или Ctrl+Shift+I для Google Chrome). Выделяем нужный фрагмент сайта и ищем атрибут font-family.
Скорее всего, эти манипуляции помогут вам найти нужный шрифт. Почему скорее всего? Потому что разработчик может переименовать шрифт так, как ему вздумается, например, как это сделала я (почти бессознательно):
Шрифт по коду
На сайте используется шрифтовая пара Leksa + Futura, но загружены все шрифты как Leksa, поэтому определить Futura ни просмотр кода, ни сервисы не помогут. Ха-ха! :)
И что, больше никак?
Почему же, есть и другие способы, кратко назовем их «определение шрифта по картинке». Тут на помощь приходят специализированные сервисы, например WhatTheFont. А еще можно спросить у тех, кто знает, в группах в соцсетях, например здесь или здесь.

Если хотите прибегнуть к дедуктивному методу — воспользуйтесь сервисом Identifont.
Сервис Identifont
Сервис Identifont
Подписывайтесь на нас!
Наши статьи и письма редки, полезны и прекрасны:
Оставляя свои контактные данные в этой форме, вы даете свое согласие на обработку персональных данных
SVOЁMEDIA - лаборатория контента
Делитесь нами с друзьями :)
Нам - приятно, им - полезно!
Press "Subscribe" to follow Tilda Publishing on Vkontakte
Мы в соцсетях:
Вступайте, будем рады пообщаться:)
Made on
Tilda