Прегледајте фонтове на било којој страници
Пређите курсором и кликните на текст да бисте видели фонт уживо, величину, тежину, стил и боју—поред елемента или у бочној траци—без отварања DevTools.
what the font - font finder
Идентификујте фонт и CSS типографију на било ком елементу веб странице—породица, величина, тежина, висина реда, размак између слова, боја и контраст—па копирајте или извезите оно што вам треба без напуштања картице.
Направљено за типографију уживо
Функције
Типографски детаљи који су важни
Прочитајте висину реда, размак између слова, трансформацију, декорацију и контраст (укључујући AAA/AA индикаторе) на једном панелу.
Копирајте CSS једним кликом
Копирајте породицу фонтова, боју или готов CSS исечак за елемент који сте прегледали.
Уредите стилове на страници
Подесите тежину, величину, размак, боју и још много тога на елементу уживо, па ресетујте када завршите истраживање.
Сви фонтови на страници
Скенирајте јединствене стилове текста на страници и прелазите између њих при ревизији дизајн система.
Извоз и Google Fonts
Извезите типографију као SCSS или JSON или отворите Google Fonts претрагу за породицу коју сте пронашли.
Једноставно по дизајну
О нама
Chrome проширење које открива типографију уживо—фонт, величину, тежину, боју и контраст—тако да можете да прегледате, копирате и извезете фонтове са било које веб странице.
- —
- Укупно објављено коришћење
- —
- Број верификованих рецензија
Chrome Web Store
Корисници о нама
Илустративни плацехолдери за повратне информације — Chrome Web Store рецензије ће их заменити када буду повезане.
★★★★★
“Могу да преузмем породицу, тежину и хеx боју са сајта уживо без отварања DevTools.”
★★★★★
“Копирање CSS и контраста у једном панелу је тачно оно што ми треба током ревизија.”
★★★★★
“Сви фонтови на страници ми помажу да брзо уочим недоследан тип на одредишној страници.”
Три брза корака
Како користити
-
Инсталирајте проширење
Додајте what the font - font finder из Chrome Web Store и закачите га на траку са алаткама.
-
Почните преглед
Отворите искачући прозор, почните преглед, па пређите курсором и кликните на било који текст на страници.
-
Копирајте или извезите
Копирајте CSS, извезите стилове, отворите Google Fonts или прегледајте све фонтове на страници.
Одговори пре инсталације
Честа питања
Како да идентификујем фонт на веб сајту?
Инсталирајте what the font - font finder, почните преглед, пређите курсором преко текста и кликните да бисте отворили панел са породицом, величином, тежином и бојом.
Могу ли да копирам CSS за тип који видим?
Да. Са панела можете копирати породицу фонтова, боју или CSS исечак за прегледани елемент.
Да ли ради на свакој страници?
Ради на обичним картицама веб сајта. Chrome системске странице и неке ограничене УРЛ адресе се не могу прегледати.
Могу ли да видим све фонтове који се користе на страници?
Користите Сви фонтови на страници да бисте навели јединствене видљиве стилове текста и отворили било који од њих у панелу са детаљима.
Могу ли да променим изглед током прегледа?
Да. Уредите тежину, величину, размак, боју и повезане стилове на елементу, па ресетујте да бисте вратили оригинал.
Одакле да отворим Google Fonts?
Када породица изгледа претраживо, користите Google Fonts акцију у панелу да отворите упит за то име.