FontLens

Besplatna ekstenzija za Chrome

Koji je ovo font? Desni klik i pogledajte CSS

Izaberite tekst na bilo kojoj veb-stranici, kliknite desnim tasterom i izaberite „Inspect font with FontLens“. Otvoriće se inspektor fontova sa porodicom, veličinom, debljinom, proredom i bojom, CSS-om spremnim za kopiranje i dugmetom za preuzimanje fonta.

Dodaj u Chrome — besplatno

Radi i u Edge, Brave, Opera i drugim Chromium pregledačima.

FontLens inspektor: uzorak Ag između linija visine velikih i malih slova i osnovne linije, svojstva fonta i Tailwind isečak

Ukratko

Šta radi
Prikazuje font izabranog teksta: porodicu, veličinu, debljinu, prored, boju i druge stilove koji se razlikuju od podrazumevanih, uz CSS spreman za kopiranje.
Kako početi
Izaberite tekst, kliknite desnim tasterom i odaberite „Inspect font with FontLens“. Stavka menija se pojavljuje samo kada je tekst izabran.
Kopiranje u
CSS, SCSS, SASS ili Tailwind, uz veličinu u px, rem, pt ili em.
Datoteka fonta
Download font preuzima veb-font sa njegovog @font-face izvora. Proverite licencu pre korišćenja fonta.
Kome je namenjen
Veb-dizajnerima, front-end programerima, stručnjacima za pristupačnost i studentima koji uče CSS.
Cena
Besplatno. Bez naloga i plaćene verzije.
Podaci
Radi u vašem pregledaču. Bez servera i analitike. Jedini zahtev se šalje kada pokrenete preuzimanje fonta.
Radi u
Chrome-u i drugim Chromium pregledačima koji instaliraju iz Chrome Web Store-a. Ne radi u Firefox-u ni Safariju.
Ograničenja
Čita CSS pravog teksta na veb-stranicama. Ne čita tekst na slikama, canvas elementima ni u PDF-ovima, niti na Chrome stranicama.
Verzija
2.2.0, ažurirano 23. октобар 2026.

Do fonta u dva klika

  1. 1

    Izaberite tekst

    Naslov, pasus ili natpis na dugmetu na bilo kojoj veb-stranici.

  2. 2

    Kliknite desnim tasterom

    Odaberite „Inspect font with FontLens“. Inspektor se otvara preko stranice sa porodicom, veličinom, debljinom, proredom i bojom.

  3. 3

    Kopirajte ili prilagodite

    Kopirajte CSS ili Tailwind, isprobajte drugu veličinu ili boju u pregledu uživo ili preuzmite datoteku fonta.

Zašto ga ljudi otvaraju

Aa

Saznajte naziv fonta

Sviđa vam se neki naslov? Izaberite ga i saznajte porodicu, debljinu i izvor fonta: Google Fonts, Adobe Fonts ili sama stranica.

{ }

Uskladite maketu

Uporedite vrednosti na stranici uživo sa dizajnerskom datotekom, pa kopirajte pravila kao CSS, SCSS, SASS ili Tailwind.

4.5:1

Proverite kontrast

Pogledajte odnos kontrasta sa oznakama AA i AAA. Isprobajte tamniji tekst ili svetliju pozadinu pre objave dizajna.

Šta radi

  • Uzorak sa linijama

    Prva porodica iz niza prikazuje se između linija za visinu velikih i malih slova i osnovnu liniju, izmerenih iz samog fonta.

  • formata isečaka

    CSS, SCSS, SASS i Tailwind. Kopirajte ceo isečak ili jedan red; pamti se format koji ste poslednji izabrali.

  • Vaše jedinice

    Prikažite veličinu u px, rem, pt ili em u poljima i isečku. rem prati osnovnu veličinu stranice.

  • Izvor fonta

    Oznaka pokazuje odakle font dolazi: Google Fonts, Adobe Fonts, sopstveni server ili sistemski font sa vašeg računara.

  • Provera kontrasta

    Odnos teksta i pozadine sa oznakama AA i AAA za običan i veliki tekst ažurira se dok menjate boje.

  • Download font

    Preuzima datoteku sa @font-face izvora i daje joj naziv porodice fonta. Ako server blokira preuzimanje, izvor se otvara u novoj kartici.

Zašto DevTools sporo otkriva koji je ovo font

Stranica navodi listu fontova, a pregledač koristi prvi koji ima. Da biste saznali koji je to, otvorite DevTools, pronađite element, pročitajte Computed panel, pa potražite datoteku fonta u Network panelu. Veličina, debljina, prored i boja nalaze se na različitim mestima.

FontLens čita izračunati stil izabranog teksta i prikazuje ga na jednom panelu: niz porodica, uzorak prve porodice, vrednosti, izvor fonta i CSS. Čita CSS stranice, pa ne može da imenuje font sa slike.

Ništa ne napušta vaš pregledač

  • Bez naloga i servera

    FontLens radi u vašem pregledaču. Bez analitike i praćenja.

  • Čita ono što izaberete

    Inspektor čita stilove teksta na koji ste kliknuli desnim tasterom. Podaci o stranici se nigde ne šalju.

  • Četiri dozvole

    Kontekstni meni za stavku desnog klika, aktivna kartica i pristup stranici da bi se inspektor otvorio, kao i memorija za uzorak teksta, jedinicu i format isečka.

Chrome DevTools i FontLens

Chrome DevTools i FontLensChrome DevToolsFontLens
Pronaći font tekstaPregledati, pronaći element, otvoriti Computed panelIzaberite tekst, desni klik, jedna stavka menija
Kopirati kao Tailwind ili SCSSNe, kopirajte vrednosti jednu po jednuKartica CSS, SCSS, SASS ili Tailwind
Pronaći izvor fontaPotražite datoteku fonta u Network paneluOznaka: Google Fonts, Adobe Fonts, sopstveni server ili sistem
Preuzeti datoteku fontaPronađite je u Network ili Sources i sačuvajteJedno dugme
Provera kontrastaU biraču boja na Styles paneluOznake AA i AAA uz pregled uživo
CenaUgrađenoBesplatno

Pitanja

Kako da saznam koji font koristi veb-sajt?

Dodajte FontLens u Chrome, izaberite tekst na sajtu, kliknite desnim tasterom i odaberite „Inspect font with FontLens“. Videćete porodicu fonta, veličinu, debljinu, prored, boju i izvor fonta.

Kako da kopiram CSS fonta sa veb-sajta?

U inspektoru izaberite CSS, SCSS, SASS ili Tailwind karticu i pritisnite „Copy all“, ili kopirajte jedan red. Po potrebi prvo promenite jedinicu na px, rem, pt ili em.

Mogu li da preuzmem font sa veb-sajta?

Ako tekst koristi veb-font, „Download font“ preuzima datoteku sa @font-face izvora. Sistemski font nema datoteku za preuzimanje. Proverite licencu pre korišćenja u svom projektu.

Može li FontLens da prepozna font na slici ili u PDF-u?

Ne. Čita CSS pravog teksta na veb-stranicama, pa ne može da imenuje fontove na slikama, canvas elementima ni u PDF-ovima.

Kako da proverim kontrast teksta prema WCAG-u?

Pregled prikazuje odnos kontrasta boje teksta i pozadine, sa oznakama AA i AAA za običan i veliki tekst. Promenite bilo koju boju i oznake se ažuriraju.

Može li da prikazuje veličine u rem umesto px?

Može. Promenite jedinicu na px, rem, pt ili em i polja i isečak će je pratiti. rem se računa prema osnovnoj veličini fonta stranice, a vaš izbor se pamti.

Da li je besplatan? Da li prikuplja podatke?

Besplatan je i ne traži nalog. Nema servere ni analitiku; jedini zahtev pokreće preuzimanje fonta koje sami započnete.

Radi li u Edge, Brave ili Opera pregledaču?

Većina Chromium pregledača instalira ekstenzije iz Chrome Web Store-a, uključujući Edge, Brave, Opera i Vivaldi. Firefox i Safari nisu podržani.

Još besplatnih ekstenzija od PYROCTAL

Koji je to font? Dva klika.

Dodaj u Chrome — besplatno