Як розпізнати шрифт на сайті. Назва, колір, розмір

Дизайнери, веб-майстри та прості користувачі інтернету часто стикаються з певною проблемою. Потрібно швидко визначити сімейство шрифту на тому чи іншому ресурсі. Традиційний спосіб зробити це полягає в тому, щоб за допомогою розширення Firebug знайти потрібну інформацію в коді документа. Крім цього, існує багато онлайн-сервісів і програм, готових прийти на допомогу в цьому питанні. 

Вищезазначені способи визначення шрифту не найкращі, тому що вимагають додаткової витрати часу. Необхідно переходити на іншу вкладку браузера, шукати url потрібного ресурсу, ритися в коді тощо. А так хочеться дізнатися шрифт тексту, не роблячи зайвих рухів. Сьогодні існує простіший і швидший спосіб визначити шрифт, встановивши браузерне розширення WhatFont. 

WhatFont - розширення для визначення шрифту

Знайти його можна в магазині розширень Google Chrome або в каталозі доповнень Яндекс браузера і Firefox. Розробники цього чудового інструменту потрудилися на славу, тому що розширення підтримується всіма популярними браузерами. Розмір додатка після його встановлення всього 1Мб, тому він не "вантажить" браузер. Після встановлення розширення в правому верхньому кутку браузера з'явиться значок з малою англійською літерою "f" і зі знаком питання після неї "f ?" . 

Як працювати з WhatFont? 

Працювати з ним гранично просто. Побачивши на будь-якому сайті вподобаний шрифт, активуйте WhatFont, клікнувши на його значок. Після того як на шрифт наводиться курсор, з'являється спливаюча підказка з назвою сімейства цього шрифту. Наприклад, можна побачити, що соціальна мережа Facebook використовує шрифт helvetica, а Вконтакте - arial

Іноді потрібно отримати більш детальну інформацію про який-небудь шрифт. Дехто задається питанням, як дізнатися розмір шрифту? Активуємо WhatFont і не наводимо курсор на шрифт, а клацнемо по ньому один раз. Відразу ж спливає вікно з описом його CSS властивостей. Тут ми побачимо:

  • font-family (сімейство шрифту);
  • sans-serif (накреслення);
  • font-size (розмір шрифту);
  • line-height (міжрядковий інтервал);
  • RGB колірний код шрифту.

У правому нижньому кутку спливаючого вікна знаходиться іконка Твіттер. Якщо у вас у ньому відкритий акаунт, то можете зробити твіт і поділитися посиланням зі своїми читачами з інформацією про цей шрифт. Ще тут передбачена можливість подивитися, який вигляд має шрифт на прикладі англійської абетки. 

Тепер ви знаєте, як дізнатися назву шрифту на сайті. Мабуть, до єдиного недоліку WhatFont можна віднести те, що розширення не русифіковане. Але це не проблема, оскільки інтерфейс цього додатка гранично простий.

Дізнатися докладніше про програми та додатки для розпізнавання шрифтів ви можете почитати у цій статті


Оновлено:

2016-05-31

Автор:
Як розпізнати шрифт на сайті. Назва, колір, розмір
Оцініть статтю:

5 /1 з 5

Коментарі (0)