Проверявайте шрифтове на всяка страница
Задръжте курсора и кликнете върху текст, за да видите шрифта, размера, теглото, стила и цвета на живо — до елемента или в страничен панел — без да отваряте DevTools.
what the font - font finder
Определете шрифта и CSS типографията на всеки елемент от уеб страницата — семейство, размер, тегло, височина на реда, разстояние между буквите, цвят и контраст — и копирайте или експортирайте нужното, без да напускате раздела.
Създадено за жива типография
Функции
Важни типографски детайли
В един панел виждайте височина на реда, разстояние между буквите, трансформация, декорация и контраст (включително индикатори AAA/AA).
Копирайте CSS с едно кликване
Копирайте шрифтовото семейство, цвета или готов CSS фрагмент за проверения елемент.
Редактирайте стилове на страницата
Променяйте тегло, размер, разстояние, цвят и още на живия елемент, след което нулирайте, когато приключите.
Всички шрифтове на страницата
Сканирайте уникалните текстови стилове на страницата и преминавайте между тях при одит на дизайн система.
Експорт и Google Fonts
Експортирайте типографията като SCSS или JSON или отворете търсене в Google Fonts за намереното семейство.
Просто по дизайн
За нас
Разширение за Chrome, което показва жива типография — шрифт, размер, тегло, цвят и контраст — за да проверявате, копирате и експортирате шрифтове от всяка уеб страница.
- —
- Общо публикувано използване
- —
- Потвърден брой отзиви
Chrome Web Store
Отзиви на потребители
Илюстративни примери за обратна връзка — отзивите от Chrome Web Store ще ги заменят, когато бъдат свързани.
★★★★★
“Мога да взема семейство, тегло и hex цвят от жив сайт, без да отварям DevTools.”
★★★★★
“Копиране на CSS и контраст в един панел — точно това ми трябва по време на одити.”
★★★★★
“„Всички шрифтове на страницата“ ми помага бързо да откривам несъответстващи шрифтове в landing page.”
Три бързи стъпки
Как се използва
-
Инсталирайте разширението
Добавете what the font - font finder от Chrome Web Store и го закачете в лентата с инструменти.
-
Започнете проверката
Отворете изскачащия прозорец, започнете проверката, след което задръжте курсора и кликнете върху текст на страницата.
-
Копирайте или експортирайте
Копирайте CSS, експортирайте стилове, отворете Google Fonts или прегледайте всички шрифтове на страницата.
Отговори преди инсталация
Често задавани въпроси
Как да разпозная шрифт на уебсайт?
Инсталирайте what the font - font finder, започнете проверката, задръжте курсора върху текста и кликнете, за да отворите панела със семейство, размер, тегло и цвят.
Мога ли да копирам CSS за шрифта, който виждам?
Да. От панела можете да копирате шрифтовото семейство, цвета или CSS фрагмент за проверения елемент.
Работи ли на всяка страница?
Работи на обикновени уеб раздели. Системните страници на Chrome и някои ограничени URL адреси не могат да бъдат проверявани.
Мога ли да видя всички шрифтове, използвани на страницата?
Използвайте „Всички шрифтове на страницата“, за да изброите уникалните видими текстови стилове и да отворите всеки от тях в панела с детайли.
Мога ли да променя външния вид по време на проверката?
Да. Редактирайте тегло, размер, разстояние, цвят и свързани стилове на елемента, след което нулирайте, за да възстановите оригинала.
Откъде да отворя Google Fonts?
Когато семейството изглежда търсимо, използвайте действието Google Fonts в панела, за да отворите заявка за това име.