Дізнайтеся, які шрифти використовує сайт
10 / 10Вставте URL — ми знайдемо на сторінці @font-face, Google Fonts, Adobe Fonts і шрифти на власному хостингу та дамо їх завантажити.
Як працює екстрактор шрифтів
Дізнайтеся, які шрифти використовує будь-який сайт. Проаналізуйте URL, визначте всі завантажені гарнітури й завантажте файли шрифтів.
Аналіз будь-якого сайту
Введіть URL — інструмент завантажить сторінку в headless-браузері й знайде кожен шрифт, підключений через CSS, Google Fonts, Adobe Fonts чи власні правила @font-face.
Визначення шрифтів
Перегляньте повний список родин шрифтів, накреслень і стилів на сторінці. Для кожного шрифту видно, звідки він завантажується і які CSS-правила на нього посилаються.
Завантаження файлів шрифтів
Завантажуйте знайдені вебшрифти прямо з сервера-джерела. Файли пакуються в ZIP в оригінальному форматі — WOFF2, WOFF, TTF чи OTF.
Поважайте ліцензії
Екстрактор показує назви й джерела шрифтів, щоб допомогти визначити гарнітуру. Перш ніж використовувати завантажені шрифти у своїх проєктах, завжди перевіряйте ліцензію.
Часті запитання
Інструмент знаходить шрифти, підключені через CSS, — @font-face, Google Fonts, Adobe Fonts та інші шрифти з CDN. Він не бачить шрифтів, відрендерених як зображення, вбудованих у SVG-контури чи завантажених JavaScript-бібліотеками рендерингу.
Завантажувати файли шрифтів, щоб визначити гарнітуру, загалом можна. Але чи можна використовувати їх у власних проєктах, залежить від ліцензії шрифту. Багато вебшрифтів ліцензовано лише для конкретних доменів. Перш ніж використовувати витягнуті шрифти в комерційних цілях, завжди перевіряйте умови ліцензії.
Деякі сайти завантажують шрифти ліниво (лише коли контент прокручується в зону видимості), за авторизацією або через JavaScript-завантажувачі шрифтів. У таких випадках headless-браузер може не ініціювати завантаження шрифту під час першого відкриття сторінки.
Для кожного знайденого шрифту ви побачите назву родини, накреслення, стиль (normal чи italic), формат (WOFF2, WOFF, TTF), URL джерела й CSS-селектори, що на нього посилаються. Так зрозуміло, як саме сайт використовує кожну гарнітуру.