FontLens

Valige mis tahes tekst, paremklõpsake ja kontrollige koheselt selle fonti, suurust, paksust, värvi ja CSS-i. Kopeerige, kohandage,…

Olete kunagi sattunud lehele, imetlenud kirjatüüpi ja mõelnud: "mis font see on?" FontLens vastab sellele küsimusele üheainsa klõpsuga. Valige mis tahes veebisaidil suvaline tekst, paremklõpsake ja valige "Uuri fonti FontLensiga." Puhas ja sihipärane paneel avaneb otse lehe kohale ning paljastab täpselt, kuidas see tekst on kujundatud: kirjatüüp, selle suurus, paksus, reavahe, värv ja kõik muud disaini taga peituvad detailid. Olenemata sellest, kas olete disainer, kes pöördprojekteerib paigutust, arendaja, kes vastab spetsifikatsioonile, või lihtsalt uudishimulik kauni pealkirja vastu, muudab see tööriist iga veebilehe tüpograafia avatud raamatuks. FontLens on fondiotsija ja CSS-inspektor üheskoos. See ei nimeta teile lihtsalt fondiperekonda, vaid pakub teile valmis koodi, interaktiivset testimiskeskkonda ideede proovimiseks ja ligipääsetavuse tööriistu, et veenduda teksti loetavuses. Kontot pole. Registreerimist pole. Lihtsalt valige, paremklõpsake ja uurige. 🔍 Mida saate teha - Paljastage valitud sõnade täielik tüpograafia: fondipere, fondi suurus, fondi paksus, reavahe ja värv ühe pilguga - Vaadake lisastiile, mida on lihtne märgata, näiteks tähevahe, tekstimuutus ja fondi stiil - Kopeerige mis tahes üksik omadus ühe klõpsuga või haarake kogu reeglistik täieliku CSS-koodijupina - Teisendage see koodijupp Tailwindiks, SCSS-iks või SASS-iks lihtsate vahelehtede kaudu, seejärel kopeerige tervikuna või rida-realt - Eksperimenteerige elavas, muudetavas eelvaates: kirjutage näidissõnad ümber, kohandage väärtusi, vahetage tausta ja vaadake, kuidas see koheselt värskendub - Tuvastage, kust veebifont pärineb, teenusepakkuja märgiga (Google Fonts, Adobe Fonts, iseseisvalt majutatud või sisseehitatud süsteemne kirjatüüp) - Salvestage veebifont oma arvutisse nupuga "Laadi font alla", mis on võetud otse selle enda allikast - Kontrollige värvikontrasti WCAG standardite järgi, kuvades täpse suhte ning AA ja AAA läbimise või ebaõnnestumise tulemused - Valige ja proovige värve täisvalijaga, sealhulgas pipetiga, et haarata suvaline piksel ekraanilt - Vahetage mõõtühikuid px, rem, pt ja em vahel, mida rakendatakse nii väljadele kui ka eksporditud koodile 🖱️ Kuidas see töötab FontLensi kasutamine võtab sekundeid. Tõstke esile sõnad, mida soovite uurida, paremklõpsake valikul ja valige menüüst "Uuri fonti FontLensiga". Paneel ilmub praeguse lehe kohale, kenasti kujundatud nii, et see ei lähe kunagi kokku saidi enda välimusega. Sealt saate lugeda detaile, kopeerida vajalikku või alustada muutmist. Reaalajas eelvaade on koht, kus asjad lõbusaks lähevad. Muutke sõnastust, et testida tegelikku pealkirja, nihutage suurust, kohandage paksust või määrake uus taustavärv, et näha, kuidas kirjatüüp vastu peab. Teie muudatused jäävad alles, kui liigute lehtede vahel ja tulete hiljem tagasi, nii et idee, mille te ühel saidil alustasite, ootab teid järgmisel. Kui soovite algseid väärtusi tagasi, taastab nupp "Lähtesta saidieelseks" kõik, mida leht tegelikult kasutab. Vajate toorvara? Allalaaditava veebifondi puhul toob üks nupp tegeliku faili selle @font-face asukohast. Kirjatüübi puhul, mis on juba teie operatsioonisüsteemiga kaasas, ütleb FontLens teile, et see on sisseehitatud font, nii et teate, et see on saadaval ilma igasuguse allalaadimiseta. 🔒 Privaatsus ennekõike FontLens töötab täielikult teie brauseris. Andmete kogumist, jälgimist, analüütikat ega väliseid servereid teksti uurimisel ei toimu. Kõik, mida te uurite, jääb teie masinasse. Laiendus teeb täpselt ühe võrgutaotluse ja seda ainult siis, kui te sihilikult vajutate "Laadi font alla", millisel hetkel see pöördub selle fondi enda allika poole, et fail kätte saada. Midagi muud teie seadmest ei lahku. Load on teadlikult kitsad. Kontekstimenüü luba lisab paremklõpsu kirje. Aktiivse vahelehe luba võimaldab tööriistal lugeda teksti, mille te valisite vahelehel, kus te selle käivitate, ja mitte kuskil mujal. Hoiustamine hoiab teie eelvaate teksti ning teie ühiku- ja formaadieelistused meeles järgmiseks korraks. Teie sirvimisajaloo ja laiade hostilubade juurde puudub lai juurdepääs. 👥 Kellele see on mõeldud - Veebidisaineritele, kes soovivad tuvastada kirjatüüpi, haarata paleti ja kiiresti stiile uuesti kasutada - Front-end arendajatele, kes sobitavad maketti või tõstavad täpseid fondipere ja vaheväärtusi koodi - Kasutajaliidese ja kasutajakogemuse inseneridele, kes ehitavad järjepidevaid, brändile omaseid tüübisüsteeme - Õpilastele, kes õpivad CSS-i ja tüpograafiat ning soovivad näha, kuidas tegelikud saidid on kokku pandud - Ligipääsetavuse audiitoritele, kes kontrollivad, kas tekst vastab WCAG kontrasti nõuetele enne avaldamist - Blogijatele, turundajatele ja uudishimulikele lugejatele, kes lihtsalt tahavad teada, millist fonti sait kasutab ✨ Miks inimesed seda alles hoiavad - Üks paremklõps annab teile vastuse arendaja tööriistades tuhnimise asemel - Kood on valmis kopeerimiseks tavalises CSS-is, Tailwindis, SCSS-is või SASS-is, nii et see langeb otse teie projekti - Muudetav eelvaade võimaldab teil tüübivalikuid prototüüpida, puudutamata ühtegi koodirida - Kontrastikontrollija integreerib ligipääsetavuse teie töövoogu, mitte ei jäta seda tagantjärele mõtisklemiseks - Värvivalija ja pipeti abil saate proovida ja uuesti kasutada täpseid värve mis tahes lehelt - Heledad ja tumedad teemad järgivad automaatselt teie operatsioonisüsteemi, nii et see tundub kodune nii päeval kui öösel - Ühikute vahetamine px, rem, pt ja em vahel hoiab väljundi kooskõlas sellega, kuidas teie kood on kirjutatud 🎨 Lähemalt detailidest Tüpograafia on midagi enamat kui nimi. FontLens toob esile väikesed otsused, mis panevad teksti õigesti tunduma, alates pealkirja paksusest kuni reavahe hingamisruumini ja tähevahe peene jälgimiseni. Nende väärtuste kõrvuti nägemine aitab teil mõista, miks disain töötab ja kuidas seda uuesti luua. Teenusepakkuja märk lisab ka konteksti, öeldes ühe pilguga, kas te vaatate Google Fontsi vara, Adobe Fontsi kirjatüüpi, iseseisvalt majutatud faili või süsteemi vaikimisi seadet, mis on sageli esimene vihje, kui asute kirjatüüpi sobitama või hankima. Värvitööriistad lähevad kaugemale staatilisest näidust. Valija pakub HSV ruutu värvitooni ja alfa liuguritega ning see räägib HEX-, RGB- ja HSL-i, nii et saate töötada mis tahes formaadis, mis teile sobib. Ühendage see pipetiga ja saate tõsta mis tahes elemendi täpse varjundi ja lisada selle oma eelvaatesse või märkmetesse. 🚀 Alustage uurimist Lisage FontLens, tõstke esile mõned sõnad ja paremklõpsake, et paljastada iga lehe taga olev tüpograafia, stiilid ja värvid. See on kiire, privaatne ja tõeliselt kasulik kaaslane kõigile, kellele on oluline, kuidas veeb loeb. Installige see, hoidke seda käepärast ja ärge enam kunagi imestage salapärase fondi üle.