FontLens

Vælg tekst, højreklik, og inspicer straks skrifttype, størrelse, vægt, farve og CSS – kopier, tilpas, forhåndsvis, download.

Har du nogensinde landet på en side, beundret skriften og tænkt "hvilken skrifttype er dette?" FontLens besvarer det spørgsmål med et enkelt klik. Vælg enhver tekst på enhver hjemmeside, højreklik og vælg "Inspicér skrifttype med FontLens". Et rent, fokuseret panel åbnes direkte over siden og afslører præcis, hvordan teksten er stylet: skrifttype, dens størrelse, vægt, linjehøjde, farve og alle andre detaljer bag designet. Uanset om du er designer, der reverse-engineer en layout, en udvikler, der matcher en specifikation, eller simpelthen nysgerrig efter en smuk overskrift, forvandler dette værktøj enhver webside til en åben bog om typografi. FontLens er en skrifttypefinder og CSS-inspektør rullet ind i én. Den navngiver ikke kun skrifttypefamilien for dig, den giver dig brugsklar kode, en interaktiv legeplads til at teste ideer og tilgængelighedsværktøjer til at sikre, at din tekst er læsbar. Ingen konto. Ingen tilmelding. Bare vælg, højreklik og undersøg. 🔍 Hvad du kan gøre • Afslør den fulde typografi af eventuelle valgte ord: skrifttypefamilie, skriftstørrelse, skriftvægt, linjehøjde og farven med et øjeblik • Se ekstra styling, der er let at overse, såsom bogstavafstand, teksttransformering og skriftstil • Kopier enhver enkelt egenskab med et enkelt klik, eller tag hele regelsættet som et komplet CSS-uddrag • Konverter det uddrag til Tailwind, SCSS eller SASS via simple faner, og kopier derefter hele eller linje for linje • Eksperimenter i en live, redigerbar forhåndsvisning: omskriv eksemplarordene, juster værdierne, skift baggrunden, og se det opdatere øjeblikkeligt • Identificer, hvor en webfont kommer fra, med et udbydermærke (Google Fonts, Adobe Fonts, selvhostet eller en indbygget systemskrifttype) • Gem en webfont på din computer med knappen "Download skrifttype", trukket direkte fra dens egen kilde • Kontroller farvekontrast mod WCAG-standarder, med det nøjagtige forhold plus AA og AAA beståede eller mislykkede resultater • Vælg og prøv farver med en fuld farvevælger, inklusive en pipette til at snappe enhver pixel på skærmen • Skift måleenheder mellem px, rem, pt og em, anvendt på både felterne og den eksporterede kode 🖱️ Hvordan det virker Det tager sekunder at bruge FontLens. Fremhæv de ord, du vil studere, højreklik på udvælgelsen, og vælg "Inspicér skrifttype med FontLens" fra menuen. Panelet vises over den aktuelle side, pænt stylet, så det aldrig kolliderer med sidens eget udseende. Derfra kan du læse detaljerne, kopiere hvad du har brug for eller begynde at redigere. Live-forhåndsvisningen er, hvor det bliver sjovt. Skift ordlyden for at teste en rigtig overskrift, juster størrelsen, tilpas vægten eller indstil en ny baggrundsfarve for at se, hvordan skriften holder sig. Dine redigeringer bliver gemt, når du bevæger dig mellem sider og kommer tilbage senere, så en idé, du startede på ét websted, venter på dig på det næste. Når du vil have de originale værdier tilbage, gendanner knappen "Nulstil til websted" alt, hvad siden faktisk bruger. Har du brug for det rå aktiv? For en downloadbar webfont henter en knap den rigtige fil fra dens @font-face-placering. For en skrifttype, der allerede følger med dit operativsystem, fortæller FontLens dig, at det er en indbygget skrifttype, så du ved, at den er tilgængelig uden download. 🔒 Fortrolighed først FontLens kører udelukkende inde i din browser. Der er ingen dataindsamling, ingen sporing, ingen analyser og ingen eksterne servere involveret i at inspicere tekst. Alt, hvad du undersøger, forbliver på din maskine. Udvidelsen foretager kun én netværksanmodning, og kun når du bevidst trykker på "Download skrifttype", på hvilket tidspunkt den kontakter den pågældende skrifttypes egen kilde for at hente filen. Intet andet forlader din enhed. Tilladelser er bevidst snævre. Kontekstmenu-tilladelsen tilføjer højreklik-indgangen. Active-tab-tilladelsen lader værktøjet læse den tekst, du har valgt på den fane, hvor du kalder den, og intet andet sted. Lagring bevarer din forhåndsvisningstekst og dine enheds- og formatpræferencer, så de huskes næste gang. Der er ingen bred adgang til din browserhistorik og ingen omfattende værtstilladelser. 👥 Hvem det er til • Webdesignere, der ønsker at identificere en skrifttype, fange en palet og genbruge stilarter hurtigt • Front-end udviklere, der matcher en mockup eller løfter præcise skrifttypefamilie- og afstandsværdier ind i kode • UI- og UX-ingeniører, der bygger konsistente, brand-autentiske typesystemer • Studerende, der lærer CSS og typografi, og som ønsker at se, hvordan rigtige websteder er sat sammen • Tilgængelighedsrevisorer, der verificerer, at tekst opfylder WCAG-kontrastkravene, før de udgives • Bloggere, marketingfolk og nysgerrige læsere, der simpelthen ønsker at vide, hvilken skrifttype et websted bruger ✨ Hvorfor folk beholder det • Et højreklik giver dig svaret i stedet for at grave gennem udviklerværktøjer • Koden er klar til kopiering i almindelig CSS, Tailwind, SCSS eller SASS, så den kan indsættes direkte i dit projekt • Den redigerbare forhåndsvisning giver dig mulighed for at prototypisere skriftvalg uden at røre en eneste kodelinje • Kontrastcheckeren indbygger tilgængelighed i din arbejdsgang i stedet for at lade det være en eftertanke • Farvevælgeren og pipetten betyder, at du kan prøve og genbruge præcise farver fra hvor som helst på siden • Lyse og mørke temaer følger automatisk dit operativsystem, så det føles hjemme dag og nat • Enhedsskift mellem px, rem, pt og em holder outputtet afstemt med, hvordan din kodebase er skrevet 🎨 Et nærmere kig på detaljerne Typografi er mere end et navn. FontLens afdækker de små beslutninger, der får tekst til at føles rigtig, fra vægten af en overskrift til åndehullet i linjehøjden og den subtile sporing af bogstavafstanden. At se disse værdier side om side hjælper dig med at forstå, hvorfor et design virker, og hvordan du genskaber det. Udbydermærket tilføjer også kontekst, og fortæller dig med et øjeblik, om du ser på et Google Fonts-aktiv, en Adobe Fonts-skrifttype, en selvhostet fil eller en systemstandard, hvilket ofte er den første ledetråd, når du skal matche eller finde en skrifttype. Farveværktøjerne går ud over en statisk aflæsning. Vælgeren tilbyder en HSV-kvadrat med nuance- og alfaskydere, og den taler HEX, RGB og HSL, så du kan arbejde i det format, der passer dig bedst. Kombiner det med pipetten, og du kan løfte den præcise nuance af ethvert element og indsætte det i din forhåndsvisning eller dine noter. 🚀 Begynd med at inspicere Tilføj FontLens, fremhæv nogle ord, og højreklik for at afsløre typografien, stilarterne og farverne bag enhver side. Det er en hurtigt, privat og ægte nyttig ledsager for alle, der bekymrer sig om, hvordan internettet læser. Installer det, hav det ved hånden, og spekuler aldrig over en mystisk skrifttype igen.