Olete seda näinud: sirvite veebisaiti ja järsku jääte seisma. Pealkirja font on nii hea, et kujutate juba ette, kuidas see teie projektis välja näeks. Aga mis selle nimi on? Saidi omanik ei vastanud, lähtekoodis on hägustatud CSS ja googeldamine „ilus serif-font imeliku G-ga" võib kesta hommikuni.

Disainerid langevad sellesse lõksu pidevalt. Gigabaitide kaupa kollektsioonide läbi kammimine lootuses tabamust leida on loterii. Ja mis siis, kui fonti pole seal üldse?

Õnneks annab 2026. aasta meile tööriistakomplekti, mis lahendab probleemi sekunditega. Mõni töötab üleslaaditud piltidega, teine otse reaalajas lehtedel. Vaatame üle 9 viisi fondi tuvastamiseks: klassikalistest teenustest kuni järjehoidjateni, mis ei kaalu megabaitigi.

💡 Kiirülevaade:

• Laadige tekstiga ekraanipilt üles WhatTheFonti või WhatFontIsi ja saate fondi nime (sageli koos tasuta alternatiiviga).
• Paigaldage Fonts Ninja või WhatFont laiendus, liigutage kursorit saidil teksti kohal ja näete nime, suurust, reavahet ja värvi.
• Kui teil pole isegi ekraanipilti, avage Identifont, vastake 5-10 küsimusele tähekujude kohta ja saate vaste.
• Leidsite fondi, laadige see saidile CSS @font-face'i (või WordPressi pistikprogrammi) abil ja kasutage seda.

Veebiteenused: fontide tuvastamine üleslaaditud piltidelt

Need neli tööriista töötavad ühtsel põhimõttel: annate neile tekstiga pildi ja nemad jooksutavad selle läbi sadade tuhandete fontide andmebaasi ning tagastavad vasteid.

1. WhatTheFont, kuldstandard MyFontsilt

WhatTheFont MyFontsilt on 2026. aasta kõige täpsem fondituvastaja. Kapoti all töötab süvaõpe, mis põhineb 233 000+ fondistiiliga andmebaasil. Laadige pilt üles, klõpsake tekstil, saate vastete nimekirja. Andmebaas kaldub kommertsfontide poole, kuid pakub peaaegu alati ka tasuta alternatiive.

Plussid: suurepärane täpsus standardsete kirjatüüpide puhul, mobiilirakendus iOS-ile ja Androidile, registreerimine pole nõutav. Miinused: nõrk käsitsi kirjutatud ja tugevalt stiliseeritud fontide puhul, sisseehitatud pildilõikur lõikab mõnikord üla- ja alapikendid ära.

🔗 WhatTheFont MyFontsis

2. WhatFontIs, suurim andmebaas (900 000+ fonti)

WhatFontIs haldab suurimat andmebaasi, üle 900 000 fondi. Käivitage see teisena, kui WhatTheFont ei andnud kindlat tulemust.

Peamine omadus: tasulistele vastetele pakutakse automaatselt tasuta alternatiive Google Fontsist. Veebiprojekti eelarve juures tähendab see säästetud tundi aega.

Plussid: suurim indeks, soovitused tasuta alternatiividele, brauserilaiendus. Miinused: tasuta versioon on reklaame täis, enne otsingut peab sümbolid käsitsi märgistama.

🔗 WhatFontIs

3. Fontspring Matcherator, täpsus OpenType’i puhul

Fontspring Matcherator on sõltumatute kirjakujundajate lemmik. Erinevalt WhatTheFontist (MyFontsi kataloog) katab Matcherator indie-fonte, tuvastab OpenType’i funktsioonid (ligatuurid, alternatiivsed glüüfid) ja toetab lohistamist.

Plussid: tasuta, tugev veebifontide alal, kõrvutav võrdlus. Miinused: andmebaas on väiksem kui MyFontsil, tundlik pildikvaliteedi suhtes.

🔗 Fontspring Matcherator

4. Font Squirrel, tasuta fondid ja null reklaami

Font Squirrel on tuntud äriliseks kasutuseks mõeldud tasuta fontide kureerimise poolest. Selle Matcherator on kõige minimalistlikum: lae üles, kärbi, saa tulemused. Ei reklaame ega hüpikaknaid. Tunnusfunktsioon on pildi pööramine: kui font on nurga all, saab Font Squirrel sellega hakkama seal, kus teised ebaõnnestuvad.

Plussid: puhtaim liides, tasuta fondid, kiired tulemused. Miinused: andmebaas on väike, peaaegu kunagi ei leia kommertsfonte.

🔗 Font Squirrel Matcherator

Brauserilaiendused: fontide tuvastamine otse veebilehtedel

Veebiteenused sobivad piltide jaoks. Aga kui font on kohe sinu ees, elaval veebilehel, annavad brauserilaiendused vastuse sekunditega. Pole ekraanipilte ega uusi kaarte.

5. Fonts Ninja, proovi, osta, laadi alla

Fonts Ninja (endine FontFaceNinja) on brauseri fondituvastajate seas vaieldamatu liider. Laiendus on saadaval Chrome’ile, Firefoxile, Safarile ja Edge’ile.

Liiguta kursor teksti kohale ja näed fondi nime, suurust, reavahet, värvi ja tähevahet. Kuid kõige tähtsam: Fonts Ninja laseb fonti proovida, trüki oma tekst ja näe seda reaalajas samas fondis. Ja kui see meeldib, laadid kohe alla tasuta versiooni või liigud edasi kommertsversiooni ostmise juurde.

Boonus: maskinupp, mis peidab lehel kõik reklaamid ja pildid, jättes alles ainult tüpograafia puhtal kujul. Disainerile, kes hindab küljendust, on see hindamatu abivahend.

Plussid: täielik komplekt, tuvasta, proovi, laadi alla; töötab neljas brauseris. Miinused: täpsemate filtrite (tähekujud, litsentsitüüp) jaoks on vaja registreeruda.

🔗 Fonts Ninja Chrome’i veebipoes

6. WhatFont, hõlju ja saa kõik teada

WhatFont on Wired’i soovitatud ja veebiarendajate poolt selle lihtsuse tõttu armastatud laiendus. Saadaval Chrome’ile ja Firefoxile.

Hõlju kursoriga, fondi nimi ilmub hüpikaknasse. Klõpsa ja saad täieliku CSS-i omaduste kaardi: perekond, paksus, suurus, reavahe, värv HEX-koodina. See pole lihtsalt tuvastaja, see on tüpograafia inspektor. Kui font pärineb Google Fonts’i kataloogist, annab WhatFont otsese allalaadimislingi.

Plussid: kohene tulemus, sügav CSS-i analüüs, lingid Google Fonts’i. Miinused: ei tuvasta fonte piltidel (ainult lehe elav tekst), ei lase fonti oma tekstiga proovida.

🔗 WhatFont Chrome’i veebipoes

7. Typ.io, fondipaarid ja inspiratsioon

Typ.io lahendab ülesande sammu võrra kaugemale: ei piisa fondi tuvastamisest, tahad mõista, millega see kokku sobib. Pärast laienduse paigaldamist ilmub brauseri nurka nupp „T". Klõpsa sellel ja näed kõiki lehe fonte eraldi loendina. Klõpsa nimel ja liigu fondikaardile koos paaritusnäidetega: „seda fonti kasutatakse koos..."

Typ.io sait ise on päris disainiotsuste andmebaas: kogukond laadib üles ekraanipilte saitidest koos fondikombinatsioonide lahtiseletustega. Neile, kes ei taha lihtsalt fonti leida, vaid mõista selle kasutamise konteksti.

Plussid: fondipaaride valik, päris näidete andmebaas. Miinused: laiendus näitab ainult fondinimesid (ilma CSS-i üksikasjadeta), täielik funktsionaalsus nõuab registreerumist.

🔗 Typ.io

8. Fount, järjehoidja, mis ei kaalu midagi

Fount pole laiendus, vaid järjehoidja. Lisad brauseri järjehoidjatesse nupu, lähed ükskõik millisele saidile, klõpsad sellel järjehoidjal ja kursor muutub sihikuks. Klõpsa tekstil ja avaneb aken fondi nime, suuruse, paksuse ja stiiliga. Klõpsa järjehoidjat uuesti, et režiim välja lülitada.

Ideaalne valik neile, kes ei taha oma brauserit laiendustega risustada. Töötab Safaris, Chrome’is, Firefoxis ja IE8+-s. Ei vaja uuendusi, ei kogu andmeid, ei kasuta taustaprotsesse. See lihtsalt töötab.

Plussid: ülikerge, platvormideülene, pole midagi paigaldada. Miinused: tuvastab ainult selle, mis fondipinu kaudu tegelikult renderdati (mitte seda, mis on CSS-is ette nähtud), puuduvad üksikasjad nagu värv.

🔗 Fount, lisa järjehoidja

Erijuhtum: kui pole pilti ega veebisaiti

9. Identifont, kirjastiili tuvastamine kirjelduse järgi

Identifont on selle kogumiku vanim tööriist (aastast 2000), kuid endiselt asendamatu. See ei võta vastu pilte ega skanni saite. Selle asemel esitab see küsimusi: kas Q-tähel on seriifid? Kas väiketähe „g" aasad on ühendatud? Kuidas näeb välja „&" märk?

Vastad 5-10 küsimusele, Identifont kitsendab ringi ja annab vaste. Kõlab arhailiselt, kuid see on ainus toimiv meetod, kui sul pole ei kuvatõmmist ega URL-i, vaid ainult mälestus sellest, milline kirjastiil välja nägi.

Plussid: töötab täiesti ilma pildita, treenib tüpograafilist silma. Miinused: aeglane (otsing võtab 5+ minutit), saidi kujundust pole aastakümneid uuendatud, andmebaas jääb alla tänapäevastele teenustele.

🔗 Identifont

Võrdlustabel: mida valida

Ühtainsat täiuslikku tööriista pole. Proffide skeem: lae pilt üles WhatTheFonti, teine ring Fontspring Matcheratorisse ja vaata ühisosa. Mis nimi kordub, see ongi õige.

Kuidas leitud font saidile üles laadida

Font on tuvastatud, fail alla laaditud, nüüd tuleb see saidile lisada. Kõige universaalsem meetod on @font-face.

1. samm. Laadi font alla .ttf või .otf formaadis.

2. samm. Teisenda veebiformaatidesse Font Squirrel Webfont Generatoriga. Väljund annab sulle .woff, .woff2 ja .ttf failid, pluss valmis CSS-faili. WOFF2 on 2026. aastal veebi põhiformaat, seda toetab 98% brauseritest.

3. samm. Laadi fondifailid serverisse FTP või majutuse failihalduri kaudu, kausta /wp-content/themes/your-theme/fonts/.

4. samm. Kirjuta CSS-i @font-face:

1
@font-face {
2
  font-family: 'MyCustomFont';
3
  src: url('fonts/MyCustomFont.woff2') format('woff2'),
4
       url('fonts/MyCustomFont.woff') format('woff');
5
  font-weight: 400;
6
  font-style: normal;
7
  font-display: swap;
8
}

font-display: swap direktiiv on kriitiline: brauser näitab esmalt süsteemset fonti ja kui kohandatud font laadib, vahetab selle välja. Ilma selleta on tekst nähtamatu, kuni font alla laadib.

5. samm. Rakenda font elementidele:

1
h1, h2, h3 {
2
  font-family: 'MyCustomFont', sans-serif;
3
}

WordPress: Custom Fonts plugin pakub visuaalset liidest mis tahes fontide üleslaadimiseks. Või kirjuta @font-face alamteema functions.php faili wp_head konksu kaudu.

Enne mis tahes teemafailide muutmist tee varukoopia. Viga @font-face või functions.php failis võib saidi kokku jooksutada.

Vaata lühikest videot, mis näitab kogu protsessi ekraanipildist valmis fondi nimeni, kasutades WhatTheFonti:

⁉️🤔 Korduma kippuvad küsimused

Miks WhatTheFont minu fonti ei leia?

Kolm peamist põhjust: kehv pildikvaliteet, nurga all pööratud tekst või on tegu käsitsi kirjutatud fondiga. Tee suurem ekraanipilt, kontrastsel taustal ja horisontaalselt. Ei aidanud, proovi Fontspring Matcheratorit ja WhatFontIsi. Käsitsi kirjutatud fontide puhul pole täpset vastet sageli põhimõtteliselt olemas: need on unikaalsed.

Kas PDF-failist saab fonti tuvastada?

Jah, kui tekst pole rasterdatud. Ava PDF, vali tekst ja tee ekraanipilt. Laadi üles ükskõik millisesse teenusesse esimesest neljast. Skaneeringute puhul sõltub tulemus resolutsioonist: 150 DPI ja kõrgem annavad vastuvõetava täpsuse.

Font tuvastati, aga see on tasuline. Kust saada tasuta alternatiivi?

WhatFontIs pakub automaatselt tasuta alternatiive Google Fontsist iga tasulise vaste all. Käsitsi: mine lehele fonts.google.com, sisesta leitud fondi nimi ja vaata visuaalselt sarnaseid. Tasuta asendused: seriifidega, Playfair Display, Lora, Merriweather; seriifideta, Inter, Roboto, Manrope.

Mis fondiformaati veebis 2026. aastal kasutada?

WOFF2 on põhiline, WOFF on varuvariant vanematele brauseritele. TTF-i ja OTF-i ei tohiks veebis kasutada: need kaaluvad ilma tihenduseta 2-3 korda rohkem. Font Squirreli generaator (mainitud ülal) teisendab kõik WOFF2+WOFF formaati ühe klõpsuga.

Mida 2026. aastal kasutada: lõplik jaotus

Üheksa tööriista ei tähenda, et pead neid kõiki kasutama. Siin on lihtne valikumaatriks:

• On ekraanipilt → WhatTheFont, seejärel Fontspring Matcherator ülekontrollimiseks.
• Vaja tasuta alternatiivi → WhatFontIs (automaatne valik Google Fontsist).
• Font on elaval saidil → Fonts Ninja või WhatFont (laiendus 5 sekundiga).
• Midagi pole käepärast, ainult mälu → Identifont.
• Ei taha laiendusi paigaldada → Fount (järjehoidja järjehoidjates).

Ja kui ükski tööriist ei töötanud, ava DevTools (F12 → Inspekteeri → Computed → font-family). Ebamugav, aga usaldusväärne. Ja keegi pole tühistanud r/identifythisfont alamredditit: elusad disainerid nimetavad fondi paari minutiga.

Hea font muudab saidi tajumist kiiremini kui kolme ploki ümberkujundamine. Nüüd on sul kõik olemas, et see üks üles leida ja oma projekti panna.