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