2 способа определить шрифт на сайте

Как узнать, какой используется шрифт на сайте? На самом деле способов определить шрифт очень много. Чаще всего для этих целей я использую два способа.

Первый способ – с помощью специального инструмента

Инструмент: http://fount.artequalswork.com

На сайте есть такая кнопка “Fount”, её нужно перетащить в закладки браузера

добавляем fount в закладки

После чего, заходим на любой сайт с неизвестным шрифтом, например пусть будет это Яндекс, нажимаем на добавленную закладку “Fount”

закладка fount

и выделяем текст

определяем шрифт

В правом верхнем углу браузера появится “облачко” с информацией о шрифте

детали шрифта

Таким образом, можно быстро узнать информацию по любому шрифту на любом сайте. Название, размер, стиль.

Второй способ – через исходный код (css)

Второй способ не много посложней, или так сказать более “замороченный”. Например вы хотите узнать какой шрифт используется в заголовках к заметкам на моем сайте. Копируем название заметки

Копируем название заметки

Открываем исходный код страницы (кликом правой кнопки мыши)

Открываем исходный код

На странице с кодом вызываем поиск (комбинация клавиш CTRL + F)

поиск

Вставляем (CTRL + V) в поисковое поле название заметки

вставляем и ищем текст

Находим

код

Видим, что заголовок заметки помещен в теги <H1> и </H1> То бишь размер, цвет, шрифт заголовков задаются через тег h1 стили которого скорее всего прописаны в css таблице. Значит и ключ к разгадке шрифта лежит в css таблице

Как правило, таблица со стилями подключается в самом начале страницы

подключение таблицы стилей

В исходном коде, нажимаем на ссылку которая ведет на таблицу со стилями.

На странице со стилями, снова вызываем поиск (CTRL + F) и забиваем в него h1

поиск тега h1

Находим тег h1 и просматриваем его стиль

Open Sans

А вот и шрифт, называется ‘Open Sans’, размер 25пх.

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

С уважением, Игорь Дулин