WhatFont – atpažinkite šriftą puslapyje ir paveikslėlyje

Koks čia šriftas? Atpažinkite šriftą puslapyje ar paveikslėlyje: šeima, dydis, storis, spalva ir visi puslapio šriftai.

Koks čia šriftas? Atpažinkite bet kurį šriftą tinklalapyje ar paveikslėlyje — vienu spustelėjimu „WhatFont" bet kurią svetainę paverčia šriftų pavyzdžiu. Užveskite pelę ant teksto ir pamatysite tikrai atvaizduojamą šriftą, spustelėkite ir gausite visus CSS parametrus arba pažymėkite logotipą, kad sužinotumėte šriftą paveikslėlyje. Be „DevTools", be „Tikrinti elementą" ir be spėliojimų. 🔍 ŠRIFTO ATPAŽINIMAS BET KURIOJE SVETAINĖJE • Užveskite pelę — patarimas rodo tikrai atvaizduojamą šriftą, o ne CSS sąrašą • Spustelėkite ir matysite viską: šeimą, dydį, eilučių tarpą, storį, stilių ir raidžių tarpus • Visas šriftų sąrašas su paryškinta šeima, kurią naršyklė iš tikrųjų pasirinko • Rodyklių klavišai eina puslapio struktūra, tad pasiekiamas net smulkiausias parašas 🖼️ ŠRIFTAS IŠ PAVEIKSLĖLIO IR LOGOTIPO • Pažymėkite bet kurią ekrano sritį: logotipą, reklamjuostę, ekrano nuotrauką, vaizdo kadrą • Vienu spustelėjimu nusiųskite į „Adobe Fonts" arba „WhatTheFont" vaizdinę paiešką • Arba iškarpą išsaugokite PNG formatu ir nukopijuokite į iškarpinę 🗂️ VISI PUSLAPIO ŠRIFTAI • Vienas spustelėjimas išvardija kiekvieną puslapyje naudojamą šriftą • Kiekvienam: kiek elementų, kokie storiai ir kokie dydžiai • Nukopijuokite pavadinimą arba iškart pereikite prie to teksto puslapyje 🎨 SPALVOS, KONTRASTAS IR PARUOŠTAS CSS • Teksto spalva HEX ir RGB formatu — spustelėkite reikšmę, kad nukopijuotumėte • WCAG kontrasto santykis su tikruoju fonu ir AA / AAA vertinimas • Kopijuoti CSS: visa šrifto deklaracija, paruošta įklijuoti į stilių failą • Šrifto šaltinis: „Google Fonts", „Adobe Fonts", pati svetainė ar sistemos šriftas, su nuoroda ⚡ KAIP TAI VEIKIA 1. Spustelėkite „WhatFont" piktogramą arba paspauskite Alt+Shift+F 2. Užveskite pelę ant teksto, kad pamatytumėte jo šriftą 3. Spustelėkite tekstą, kad matytumėte detales, arba paspauskite „Capture" šriftui paveikslėlyje 4. „Esc" išjungia DIZAINERIAMS IR PROGRAMUOTOJAMS Rinkite tipografijos pavyzdžius, atkurkite dizaino sistemą, raskite kliento prekės ženklo šriftą, patikrinkite teksto spalvų prieinamumą arba per kelias sekundes atsakykite: „kokį šriftą naudoja ši svetainė?" 🔒 PRIVATUMAS „WhatFont" veikia naršyklėje ir nerenka bei nesiunčia jūsų naršymo duomenų. Iškarpa naršyklę palieka tik tada, kai patys pasirenkate paieškos paslaugą. ——————————— WhatFont — a free font finder and font identifier for Chrome. Hover over text to see what font a website uses, inspect the full CSS spec (family, size, weight, colour), check WCAG contrast, list every font on the page, and identify fonts from images, logos and screenshots with Adobe Fonts or WhatTheFont visual search.