FontLens

Izaberite bilo koji tekst, kliknite desnim tasterom i odmah pogledajte font, veličinu, debljinu, boju i CSS – kopirajte, menjajte,…

Jeste li ikada sleteli na stranicu, divili se slovima, i pitali se "koji je ovo font?" FontLens odgovara na to pitanje jednim klikom. Selektujte bilo koji tekst na bilo kojoj veb lokaciji, kliknite desnim tasterom miša, i odaberite "Inspektuj font sa FontLensa". Čist, fokusiran panel se otvara direktno preko stranice i otkriva tačno kako je taj tekst stilizovan: tip slova, njegova veličina, težina, visina linije, boja, i svaki drugi detalj iza dizajna. Bilo da ste dizajner koji se bavi reverznim inženjeringom rasporeda, programer koji usklađuje specifikaciju, ili jednostavno znatiželjni o lepom naslovu, ovaj alat pretvara svaku veb stranicu u otvorenu knjigu tipografije. FontLens je pronalazač fontova i CSS inspektor spojen u jedno. Ne samo da vam daje ime porodice fontova, već vam nudi gotov kod, interaktivno igralište za testiranje ideja i alate za pristupačnost kako biste bili sigurni da je vaš tekst čitljiv. Bez naloga. Bez registracije. Samo selektujte, kliknite desnim tasterom, i ispitajte. 🔍 Šta možete da uradite - Otkrijte kompletnu tipografiju bilo kojih odabranih reči: font-family, font-size, font-weight, line-height i boju na prvi pogled - Vidite dodatno stilizovanje koje je lako propustiti, kao što su letter-spacing, text-transform i font-style - Kopirajte bilo koju pojedinačnu osobinu jednim klikom, ili preuzmite ceo skup pravila kao kompletan CSS isečak - Konvertujte taj isečak u Tailwind, SCSS ili SASS putem jednostavnih kartica, zatim kopirajte ceo ili red po red - Eksperimentišite u živom, promenljivom pregledu: prepišite uzorne reči, podesite vrednosti, zamenite pozadinu i gledajte kako se ažurira trenutno - Identifikujte odakle potiče veb font sa značkom provajdera (Google Fonts, Adobe Fonts, samostalno hostovani, ili ugrađeni sistemski tip slova) - Sačuvajte veb font na svoj računar pomoću dugmeta "Preuzmi font", povučen direktno sa svog izvora - Proverite kontrast boja prema WCAG standardima, sa tačnim odnosom plus AA i AAA rezultatima prolaza ili pada - Odaberite i uzorkujte boje sa kompletnim biračem, uključujući pipetu za hvatanje bilo kog piksela na ekranu - Prebacite merne jedinice između px, rem, pt i em, primenjene na oba polja i izvezeni kod 🖱️ Kako funkcioniše Korišćenje FontLensa traje nekoliko sekundi. Označite reči koje želite da proučavate, kliknite desnim tasterom miša na selekciju i odaberite "Inspektuj font sa FontLensa" iz menija. Panel se pojavljuje preko trenutne stranice, uredno stilizovan tako da se nikada ne sudara sa izgledom same stranice. Odatle možete pročitati detalje, kopirati ono što vam je potrebno ili započeti uređivanje. Pregled uživo je mesto gde stvari postaju zabavne. Promenite formulaciju da biste testirali pravi naslov, pomerite veličinu, podesite težinu ili postavite novu boju pozadine da biste videli kako se font ponaša. Vaše izmene ostaju dok se krećete između stranica i vraćate se kasnije, tako da ideja koju ste započeli na jednoj lokaciji čeka vas na sledećoj. Kada želite da se vratite na originalne vrednosti, dugme "Resetuj na sajt" vraća sve što stranica zapravo koristi. Potreban vam je sirov resurs? Za veb font koji se može preuzeti, jedno dugme preuzima pravi fajl sa njegove @font-face lokacije. Za tip slova koji već dolazi sa vašim operativnim sistemom, FontLens vam kaže da je to ugrađeni font, tako da znate da je dostupan bez ikakvog preuzimanja. 🔒 Privatnost na prvom mestu FontLens radi isključivo unutar vašeg pretraživača. Nema prikupljanja podataka, praćenja, analitike, niti su uključeni spoljni serveri u inspekciju teksta. Sve što pregledate ostaje na vašem računaru. Ekstenzija pravi tačno jedan mrežni zahtev, i to samo kada namerno pritisnete "Preuzmi font", kada se povezuje sa izvornim fontom kako bi preuzela datoteku. Ništa drugo ne napušta vaš uređaj. Dozvole su namerno uske. Dozvola za kontekstualni meni dodaje stavku desnog klika. Dozvola za aktivnu karticu omogućava alatu da čita tekst koji ste odabrali na kartici na kojoj ga pozivate, i nigde drugde. Skladište čuva vaš previđeni tekst i vaše postavke jedinica i formata tako da se pamte sledeći put. Nema širokog pristupa vašoj istoriji pregledavanja i nema sveobuhvatnih dozvola za hostove. 👥 Za koga je - Veb dizajneri koji žele da identifikuju tip slova, zabeleže paletu i brzo ponovo koriste stilove - Front-end programeri koji usklađuju mockup ili prenose tačne vrednosti font-family i razmaka u kod - UI i UX inženjeri koji grade dosledne, brendirane sisteme tipova - Studenti koji uče CSS i tipografiju i koji žele da vide kako su stvarne veb lokacije sastavljene - Revisori pristupačnosti koji proveravaju da li tekst ispunjava WCAG zahteve za kontrast pre puštanja u rad - Blogeri, marketinški stručnjaci i znatiželjni čitaoci koji jednostavno žele da znaju koji font sajt koristi ✨ Zašto ga ljudi zadržavaju - Jedan desni klik daje vam odgovor umesto kopanja po alatkama za programere - Kod je spreman za kopiranje u običnom CSS-u, Tailwindu, SCSS-u ili SASS-u, tako da se direktno ubacuje u vaš projekat - Uređeni pregled vam omogućava da prototipirate izbore tipova bez dodirivanja ijednog reda koda - Provera kontrasta integriše pristupačnost u vaš radni tok umesto da je ostavlja kao naknadnu misao - Birač boja i pipeta znače da možete uzorkovati i ponovo koristiti tačne boje sa bilo kog mesta na stranici - Svetle i tamne teme automatski prate vaš operativni sistem, tako da se oseća kao kod kuće danju i noću - Prebacivanje jedinica između px, rem, pt i em održava izlaz usklađen sa načinom na koji je vaša kodna baza napisana 🎨 Detaljniji pogled na detalje Tipografija je više od imena. FontLens ističe male odluke koje čine da tekst izgleda pravilno, od težine naslova do prostora u visini linije i suptilnog razmaka između slova. Gledanje ovih vrednosti jedne pored druge pomaže vam da razumete zašto dizajn funkcioniše i kako ga ponovo kreirati. Oznaka dobavljača takođe dodaje kontekst, dajući vam na prvi pogled informaciju da li gledate Google Fonts resurs, Adobe Fonts lice, samostalno hostovanu datoteku ili sistemsku podrazumevanu vrednost, što je često prvi trag kada krenete da uskladite ili pronađete tip slova. Alati za boje idu dalje od statičnog očitavanja. Izborne stavke nude HSV kvadrat sa klizačima za nijansu i alfu, i podržavaju HEX, RGB i HSL, tako da možete raditi u formatu koji vam odgovara. Upotrebite to sa pipetom i možete podići preciznu nijansu bilo kojeg elementa i spustiti je u svoj pregled ili svoje beleške. 🚀 Počnite sa inspekcijom Dodajte FontLens, označite neke reči i kliknite desnim tasterom miša da biste otkrili tipografiju, stilove i boje iza bilo koje stranice. To je brz, privatan i zaista koristan pratilac za svakoga ko brine o tome kako se veb čita. Instalirajte ga, držite ga pri ruci i više nikada nemojte da se pitate koji je to misteriozni font.