FontLens

Atlasiet jebkuru tekstu, noklikšķiniet ar peles labo pogu un uzreiz pārbaudiet tā fontu, izmēru, svaru, krāsu un CSS — kopējiet,…

Vai esat kādreiz nonācis lapā, apbrīnojis burtveidola dizainu un domājis "kāds ir šis fonts?" FontLens atbild uz šo jautājumu ar vienu klikšķi. Atlasiet jebkuru tekstu jebkurā vietnē, noklikšķiniet ar peles labo pogu un izvēlieties "Pārbaudīt fontu ar FontLens". Tīrs, fokusēts panelis atveras tieši virs lapas un atklāj, kā tieši teksts ir veidots: burtveidols, tā izmērs, biezums, rindu augstums, krāsa un katra cita dizaina detaļa. Neatkarīgi no tā, vai esat dizainers, kas reversās inženierijas ceļā atjauno izkārtojumu, izstrādātājs, kas saskaņo specifikāciju, vai vienkārši ziņkārīgs par skaistu virsrakstu, šis rīks pārvērš jebkuru tīmekļa lapu par atvērtu tipogrāfijas grāmatu. FontLens ir fontu meklētājs un CSS inspektors vienlaikus. Tas ne tikai nosauc fontu saimi, bet piedāvā lietošanai gatavu kodu, interaktīvu spēļu laukumu ideju testēšanai un pieejamības rīkus, lai nodrošinātu teksta lasāmību. Nav konta. Nav reģistrācijas. Vienkārši atlasiet, noklikšķiniet ar peles labo pogu un pārbaudiet. 🔍 Ko jūs varat darīt - Atklājiet pilnu jebkuru atlasīto vārdu tipogrāfiju: fonta saimi (font-family), fonta izmēru (font-size), fonta svaru (font-weight), rindu augstumu (line-height) un krāsu īsumā - Skatīt papildu stilu, ko ir viegli nepamanīt, piemēram, burtu atstarpes (letter-spacing), teksta pārveidošanu (text-transform) un fonta stilu (font-style) - Kopēt jebkuru atsevišķu rekvizītu ar vienu klikšķi vai saglabāt visu noteikumu kopu kā pilnīgu CSS fragmentu - Pārveidot šo fragmentu par Tailwind, SCSS vai SASS, izmantojot vienkāršas cilnes, un pēc tam kopēt visu vai pa rindiņai - Eksperimentēt tiešraidē, rediģējamā priekšskatījumā: pārrakstiet vārdu paraugus, pielāgojiet vērtības, mainiet fonu un vērojiet, kā tas uzreiz atjauninās - Identificēt tīmekļa fonta avotu, izmantojot pakalpojumu sniedzēja emblēmu (Google Fonts, Adobe Fonts, pašmākslīgs vai iebūvēts sistēmas burtveidols) - Saglabāt tīmekļa fontu savā datorā, izmantojot pogu "Lejupielādēt fontu", kas tiek ņemts tieši no tā avota - Pārbaudīt krāsu kontrastu atbilstoši WCAG standartiem, ar precīzu attiecību, kā arī AA un AAA sekmīgiem vai neveiksmīgiem rezultātiem - Izvēlēties un paraugot krāsas ar pilnu krāsu paleti, ieskaitot acu pilētāju, lai paņemtu jebkuru pikseli uz ekrāna - Pārslēgt mērvienības starp px, rem, pt un em, piemērojot gan laukiem, gan eksportētajam kodam 🖱️ Kā tas darbojas FontLens lietošana aizņem dažas sekundes. Iezīmējiet vārdus, kurus vēlaties pētīt, noklikšķiniet ar peles labo pogu uz atlases un izvēlieties "Pārbaudīt fontu ar FontLens" no izvēlnes. Panelis parādās virs pašreizējās lapas, glīti veidots, lai tas nekad nesaskartos ar vietnes izskatu. No turienes jūs varat lasīt detaļas, kopēt to, kas jums nepieciešams, vai sākt rediģēt. Tiešraides priekšskatījums ir vieta, kur lietas kļūst jautras. Mainiet vārdu krājumu, lai pārbaudītu reālu virsrakstu, pielāgojiet izmēru, pielāgojiet svaru vai iestatiet jaunu fona krāsu, lai redzētu, kāda veida šis tips iztur. Jūsu veiktās izmaiņas saglabājas, pārvietojoties starp lapām un atgriežoties vēlāk, tāpēc ideja, ko sākāt vienā vietnē, gaida jūs nākamajā. Ja vēlaties atjaunot sākotnējās vērtības, poga "Atjaunot uz vietni" atjauno visu, ko lapa faktiski izmanto. Nepieciešams neapstrādāts resurss? Lejupielādējamam tīmekļa fontam viena poga iegūst īsto failu no tā @font-face atrašanās vietas. Burtveidolam, kas jau ir iebūvēts jūsu operētājsistēmā, FontLens paziņo, ka tas ir iebūvēts fonts, tāpēc jūs zināt, ka tas ir pieejams bez lejupielādes. 🔒 Konfidencialitāte pirmajā vietā FontLens darbojas pilnībā jūsu pārlūkprogrammā. Nav datu vākšanas, nav izsekošanas, nav analītikas un nav ārēju serveru, kas piedalītos teksta pārbaudē. Viss, ko jūs pārbaudāt, paliek jūsu datorā. Paplašinājums veic tieši vienu tīkla pieprasījumu, un tikai tad, ja jūs apzināti nospiežat "Lejupielādēt fontu", un tad tas sazinās ar šī fonta avotu, lai iegūtu failu. Nekas cits neatstāj jūsu ierīci. Atļaujas ir apzināti šauras. Konteksta izvēlnes atļauja pievieno labās peles pogas ierakstu. Aktīvās cilnes atļauja ļauj rīkam nolasīt tekstu, ko atlasījāt cilnē, kurā to izsaukat, un nekur citur. Krātuve saglabā jūsu priekšskatījuma tekstu un jūsu vienības un formāta preferences, lai tās tiktu atcerētas nākamreiz. Nav plašas piekļuves jūsu pārlūkošanas vēsturei un nav visaptverošu resursdatora atļauju. 👥 Kam tas paredzēts - Tīmekļa dizaineriem, kuri vēlas identificēt burtveidolu, tvert paleti un ātri atkārtoti izmantot stilus - Frontend izstrādātājiem, kas saskaņo maketu vai pārnes precīzas fonta saimes un atstarpju vērtības kodā - UI un UX inženieriem, kas veido konsekventas, zīmola identitātes veidošanas sistēmas - Studentiem, kas mācās CSS un tipogrāfiju un vēlas redzēt, kā tiek veidotas reālas vietnes - Pieejamības auditoriem, kas pirms publicēšanas pārbauda, vai teksts atbilst WCAG kontrasta prasībām - Blogeriem, mārketinga speciālistiem un ziņkārīgiem lasītājiem, kuri vienkārši vēlas uzzināt, kādu fontu vietne izmanto ✨ Kāpēc cilvēki to patur - Viens klikšķis ar labo pogu sniedz atbildi, nevis jāmeklē izstrādātāju rīkos - Kods ir kopējamā veidlē vienkāršā CSS, Tailwind, SCSS vai SASS formātā, tāpēc tas viegli ievietojams jūsu projektā - Rediģējamais priekšskatījums ļauj prototipēt fontu izvēli, neskarot nevienu koda rindiņu - Kontrasta pārbaudītājs integrē pieejamību jūsu darbplūsmā, nevis atstāj to kā pēdējo domu - Krāsu atlasītājs un pipete nozīmē, ka jūs varat paraugot un atkārtoti izmantot precīzas krāsas no jebkuras lapas vietas - Gaišās un tumšās tēmas automātiski seko jūsu operētājsistēmai, tāpēc tas jūtas kā mājās gan dienā, gan naktī - Vienību pārslēgšana starp px, rem, pt un em saglabā izvadi saskaņā ar to, kāda ir jūsu koda bāze 🎨 Sīkāks detaļu apskats Tipogrāfija ir vairāk nekā tikai nosaukums. FontLens atklāj sīkus lēmumus, kas liek tekstam justies pareizi, sākot no virsraksta svara un beidzot ar atstarpi rindās un smalko burtu atstarošanu. Šo vērtību blakus salīdzināšana palīdz jums saprast, kāpēc dizains darbojas un kā to atkārtot. Pakalpojumu sniedzēja emblēma pievieno arī kontekstu, īsumā pasakot, vai jūs aplūkojat Google Fonts, Adobe Fonts, pašmitinātu failu vai sistēmas noklusējuma burtveidolu, kas bieži ir pirmais pavediens, kad jūs nolemjat saskaņot vai iegūt burtveidolu. Krāsu rīki pārsniedz statisku nolasīšanu. Krāsu izvēles rīks piedāvā HSV kvadrātu ar nokrāsas un alfa slīdņiem, un tas runā HEX, RGB un HSL, lai jūs varētu strādāt jebkurā formātā, kas jums ir piemērots. Apvienojiet to ar acu pilētāju, un jūs varēsit paņemt precīzu jebkura elementa nokrāsu un nometiet to savā priekšskatījumā vai piezīmēs. 🚀 Sāciet pārbaudi Pievienojiet FontLens, iezīmējiet dažus vārdus un ar peles labo pogu noklikšķiniet, lai atklātu tipogrāfiju, stilus un krāsas aiz jebkuras lapas. Tas ir ātrs, privāts un patiesi noderīgs palīgs ikvienam, kuram rūp, kā lasās tīmeklī. Instalējiet to, turot to pa rokai, un vairs nekad nebrīnīsieties par noslēpumainu fontu.