WhatFont — визначити шрифт на сайті та за картинкою

Що це за шрифт? Визначайте шрифт на сторінці та за картинкою: сімʼя, розмір, насиченість, колір і всі шрифти сайту.

Що це за шрифт? Визначте шрифт на будь-якому сайті та на зображенні — в один клік WhatFont перетворює будь-яку сторінку на наочний зразок типографіки. Наведіть курсор на текст, щоб побачити, який шрифт відображається насправді, натисніть — і отримайте повні параметри CSS. А щоб дізнатися шрифт на логотипі, достатньо виділити його на екрані. Без DevTools і без здогадок. 🔍 ВИЗНАЧЕННЯ ШРИФТУ НА САЙТІ • Наведіть курсор — підказка покаже реально відображений шрифт, а не список із CSS • Натисніть для повних параметрів: сімʼя, розмір, інтерліньяж, насиченість, накреслення, трекінг • Весь стек шрифтів із підсвіченням того, який обрав браузер • Стрілки переміщують структурою сторінки, тому влучити в дрібний підпис легко 🖼️ ШРИФТ ІЗ ЗОБРАЖЕННЯ ТА ЛОГОТИПА • Виділіть будь-яку область екрана: логотип, банер, скриншот, кадр із відео • Надішліть її у візуальний пошук Adobe Fonts або WhatTheFont одним натисканням • Або збережіть фрагмент у PNG та скопіюйте в буфер обміну 🗂️ УСІ ШРИФТИ СТОРІНКИ ОДРАЗУ • Один клік — список усіх шрифтів, які використовує сторінка • Для кожного: скільки елементів, які накреслення та розміри • Скопіюйте назву або перейдіть до цього тексту на сторінці 🎨 КОЛЬОРИ, КОНТРАСТ І ГОТОВИЙ CSS • Колір тексту в HEX і RGB — натисніть на значення, щоб скопіювати • Коефіцієнт контрасту за WCAG до справжнього тла з оцінкою AA / AAA • Копіювання CSS: увесь блок властивостей шрифту, готовий до вставки • Джерело шрифту: Google Fonts, Adobe Fonts, сам сайт або системний, з посиланням ⚡ ЯК КОРИСТУВАТИСЯ 1. Натисніть на іконку WhatFont або Alt+Shift+F 2. Наведіть курсор на текст, щоб побачити його шрифт 3. Натисніть на текст для повних параметрів або кнопку Capture — щоб дізнатися шрифт на зображенні 4. Esc — вимкнути ДИЗАЙНЕРАМ І РОЗРОБНИКАМ Збирайте референси з типографіки, відтворюйте дизайн-систему, добирайте фірмовий шрифт клієнта, перевіряйте доступність кольорів тексту або просто за секунди відповідайте на питання «які шрифти на цьому сайті?». 🔒 КОНФІДЕНЦІЙНІСТЬ Розширення працює всередині браузера та не збирає й не передає дані про відвідані сторінки. Зображення залишає браузер лише після того, як ви самі обрали сервіс пошуку шрифту. ——————————— WhatFont — a free font finder and font identifier for Chrome. Hover over text to see what font a website uses, inspect the full CSS spec (family, size, weight, colour), check WCAG contrast, list every font on the page, and identify fonts from images, logos and screenshots with Adobe Fonts or WhatTheFont visual search.