Soovite muuta veebisaidi fonti, kuid lõpuks lõhkusite mobiiliversiooni päise. Või paigaldasite „selle ilusa fondi Google Fontsist" ja sait hakkas pool sekundit aeglasemalt laadima ning konversioon hakkas langema.

Fondid WordPressis tunduvad lihtsad: valite, ühendate ja unustate. Praktikas peitub „valimise" ja „unustamise" vahel kümneid nüansse: kus faile majutada, kuidas mitte rikkuda GDPR-i, mida teha kirillitsaga, kuidas lubada külastajatel ise fondi suurust reguleerida.

Allpool on viis pluginat, mis neid ülesandeid lahendavad. Alates massilisest fondivahetusest kohandaja kaudu kuni oma .ttf-failide täpse laadimise ja ligipääsetavuse vidinani lugejate jaoks.

💡 Kiirülevaade:

• Vali Fonts Plugin, kui vajad lihtsaimat viisi Google Fonts’i ühendamiseks ja tulemuse reaalajas nägemiseks.
• Paigalda OMGF, kui laadimiskiirus ja GDPR-i nõuetele vastavus on kriitilise tähtsusega, see majutab fonte kohapeal sinu serveris.
• Kasuta Custom Fonts või Use Any Font, kui töötad oma fondifailidega, mitte Google’i kataloogiga.
• Lisa Zeno Font Resizer, et külastajad saaksid teksti suurust oma silmade järgi reguleerida.

Kiire võrdlus:

1. Fonts Plugin: 1455 Google’i fonti ja eelvaade kohandajas

Fonts Plugin (endise nimega Google Fonts Typography) on kõige populaarsem fondiplugin WordPressi kataloogis: 200 000+ aktiivset paigaldust ja 5-tärni hinnang. Selle peamine eelis on täielik integreeritus WordPressi kohandajaga: valite fondi rippmenüüst ja näete kohe, kuidas see elaval saidil välja näeb. Koodi pole vaja.

Plugin annab juurdepääsu kõigile 1455 Google’i fondile, lisaks ühendab Adobe Fonts’i (Typekit), kui sul on Creative Cloud’i tellimus. Tasuta versioonis saad üles laadida oma .ttf, .otf või .woff2 faile. Pro versioon lisab kohaliku fondimajutuse (GDPR-iga vastavuses), suuruse, värvi, reavahe halduse ja fondi paksuste valikulise laadimise, see kiirendab renderdamist kuni 400%.

Praktikas võtab fontide vahetamine kogu saidil vähem kui kaks minutit: paigalda plugin, mine jaotisesse Välimus → Kohanda → Fonts Plugin, vali „pealkiri + tekst" paar ja klõpsa Avalda.

• Plussid: täielik Google Fonts’i kataloog (1455 kirjet), eelvaade ilma lehte uuesti laadimata, Adobe Fonts’i tugi, oma fontide üleslaadimine tasuta versioonis, töötab iga teema ja leheehitajaga (Elementor, Divi, Beaver Builder).
• Miinused: kohalik fondimajutus ja peened tüpograafiaseaded ainult Pro versioonis (alates 58 € aastas ühe saidi kohta).
• Hind: Tasuta, Pro alates 58 €/aastas.
• Allalaadimine: 🔗 Fonts Plugin WordPress.org-is | 🔗 Reaalajas demo

2. OMGF: Google Fonts’i kohalik majutus ja GDPR-i nõuetele vastavus

OMGF (lühend sõnadest Optimize My Google Fonts) lahendab konkreetse probleemi: kui ühendate Google Fonts’i tavalisel viisil, läheb külastaja brauser Google’i serveritesse ja need logivad IP-aadressi. Alates 2022. aastast on EL-i kohtud tunnistanud selle GDPR-i rikkumiseks. OMGF toob fondifailid Google Fonts API-st ja paigutab need teie serveris olevasse kausta, kõik päringud käivad kohapealt.

Plugin skannib automaatselt teie teemat ja aktiivseid pluginaid, leiab kõik väljakutsed aadressile fonts.googleapis.com ja püüab need kinni. Pärast paigaldamist minge jaotisesse Seaded → Optimize Google Fonts, käivitage Save & Optimize ja minuti pärast laadib kogu sait fonte teie domeenist. Mitte ühtegi välist DNS-sõltuvust.

Hiljutine versioon 6.3.7 (juuni 2026) sai sisseehitatud jõudluskontrolli: see kontrollib kasutamata alamhulki, üleliigseid fondi paksusi, puuduvat eellaadimist ja paigutuse nihet (Cumulative Layout Shift). Pro-režiim lisab Smart Optimize’i, mis määrab automaatselt kindlaks, milliseid fonte igal lehel tegelikult kasutatakse, ja laadib ülejäänud maha.

• Plussid: 100% GDPR-i nõuetele vastavus, automaatne fondiotsing teemas ja pluginates, eellaadimine ja font-display vaikimisi olemas, vahemälu tühjendamine populaarsetele vahemälupluginatega (WP Rocket, W3 Total Cache, LiteSpeed).
• Miinused: Pro funktsioonid (Smart Optimize, Magic Fallbacks, CDN integratsioon) on tasulised, liides on algajatele kohati ülekoormatud.
• Hind: Tasuta, Pro alates 49 €/aastas.
• Allalaadimine: 🔗 OMGF WordPress.org-is

3. Custom Fonts: lae üles oma fondid ja Google Fonts kohapeal

Custom Fonts, mille on loonud Brainstorm Force (Astra teema loojad), teeb täpselt seda, mida nimi lubab: laadib teie fondifailid serverisse ja serveerib neid @font-face kaudu. Toetab .ttf, .otf, .woff ja .woff2 vorminguid. Lisaks suudab see Google Fonts’i kohapeal majutada, samuti ilma väliste päringuteta.

Liides on ehitatud React JS-ile: kena, kiire, ilma iidsete kohandaja ekraanideta. Laadige fail üles, andke sellele nimi, määrake see, font ilmub saadaolevasse loendisse ja redaktorisse. FSE-teemade (Full Site Editing) puhul integreerub plugin teema, mitte plokiredaktori tasemel, teemat vahetades ei lähe fondid kaotsi.

Märgin eraldi: plugin on täiesti tasuta. Pole Pro-tasemeid ega müügipakkumisi. Brainstorm Force kasutab seda „lehtrina" oma kommertstoodetele (Astra, Spectra), kuid plugin ise ei ole piiratud.

• Plussid: kaasaegne React-liides, FSE-teemade tugi, nii Google Fonts’i kui ka oma failide kohalik majutus, täiesti tasuta, ühilduvus Elementoriga.
• Miinused: suuruse/värvi/paksuse haldus puudub (plugin AINULT ühendab fonte), harva uuendatakse (viimane väljalase 2024. aastal).
• Hind: Tasuta.
• Allalaadimine: 🔗 Custom Fonts WordPress.org-is

4. Use Any Font: automaatne teisendamine woff2-vormingusse ja üleslaadimine kuni 25 MB

Use Any Font lahendab valu, mis on tuttav kõigile, kes said disainerilt brändifondi .ttf-faili ega saanud aru, mida sellega teha. Plugin võtab vastu .ttf, .otf või .woff faili, saadab selle teisendusserverisse ja tagastab tihendatud .woff2 (Brotli tihendus, märgatavalt kiirem kui tavaline woff). Failid salvestatakse teie serverisse, GDPR-i ei rikuta.

Sisseehitatud fondi määramise liides: saate valida standardsed HTML-sildid (h1-h6, p) või kirjutada oma CSS-valija. Toetab WPML-i ja Polylangi, mitmekeelsete saitide puhul saate määrata erinevatele keeltele erinevad fondid. Üleslaadimise limiit on 25 MB faili kohta. Teisendamiseks on vaja tasuta API-võtit (genereeritakse plugina administreerimisliideses).

Ühilduvuse nimekiri on muljetavaldav: Divi, Elementor, Beaver Builder, Bricks, Oxygen, WPBakery, Astra, OceanWP, Avada, Flatsome, X Theme, üle 1000 teema ja leheehitaja kinnitatud ühilduvuse nimekirjas.

• Plussid: automaatne teisendamine woff2-vormingusse, üleslaadimine kuni 25 MB faili kohta, WPML/Polylangi ühilduvus, 1000+ kinnitatud teemat ja leheehitajat, fondid salvestatakse kohapeal.
• Miinused: sõltub teisendamisel välisest API-st (dnesscarkey.org server), tasuta võti võimaldab ainult ühte teisendust, suuremate tööde jaoks on vaja Premiumit.
• Hind: Tasuta (Lite API võtmega), Premium piiramatu teisendusega.
• Allalaadimine: 🔗 Use Any Font WordPress.org-is

5. Zeno Font Resizer: fondi suuruse vidin külastajatele

Zeno Font Resizer eristub teistest: see ei ühenda fonte, vaid annab saidi külastajale nupud „A+ / A-" fondi suuruse muutmiseks. Esmapilgul väike asi. Praktikas on see ligipääsetavuse standardite nõue (WCAG 2.1) ja mugavus vanemale auditooriumile.

Plugin lisatakse külgribale tavalise vidina kaudu või sisestatakse PHP-katkendi <?php zeno_font_resizer_place(); ?> abil ükskõik kuhu mallis. Seaded salvestatakse küpsistesse: lugeja määras mugava suuruse ja näeb seda järgmisel külastusel. Administraatoriliideses määrate fondi minimaalse/maksimaalse suuruse (vaikimisi 10 ja 24 px) ja muutmise sammu.

Versioon 2.0.0 (aprill 2026) on täielikult ümber kirjutatud vanilla JavaScriptis, jQuery sõltuvus on eemaldatud. Plugin on üle 10 aasta vana, see on ammu hüljatud font-resizeri haru ja seda hooldab Marcel Pol.

• Plussid: parandab ligipääsetavust ilma teema koodi muutmata, seaded küpsistes, vanilla JS alates 2026. aastast, ClassicPressi ühilduvus.
• Miinused: ei tööta teemadega, kus fondi suurus on px-ides kõvasti kodeeritud, ainult üks CSS-reegel suuruse muutmiseks (mitu valijat komadega eraldatuna).
• Hind: Tasuta.
• Allalaadimine: 🔗 Zeno Font Resizer WordPress.org-is

Vaata MENDDO täielikku WordPressi videokursust (2026): hõlmab teema paigaldamist, tüpograafia seadistamist ja pluginatega töötamist.

⁉️🤔 Korduma kippuvad küsimused

Kas Google Fonts’i on kohustuslik kohapeal majutada?

GDPR-i seisukohast jah, kui teil on EL-i auditoorium. 2022. aastal trahvis Saksamaa kohus veebisaidi omanikku just IP-aadresside edastamise eest Google’i serveritesse fontide laadimisel. OMGF ja Fonts Plugin Pro lahendavad selle ühe lülitusega. Kui teie auditoorium on väljaspool EL-i, on kohalik majutus siiski kasulik kiiruse jaoks: väldite täiendavat DNS-päringut ja fontide allalaadimist välisest domeenist.

Kas ma saan ühendada kirillitsa fonti, mida Google Fonts’is pole?

Jah, selleks sobivad Custom Fonts või Use Any Font. Laadige alla kirillitsa fondi .ttf või .otf fail (näiteks FontSquirrelist või tasulisest kataloogist nagu MyFonts), laadige see plugina kaudu üles ja see ilmub saadaolevasse loendisse. Use Any Font teisendab faili automaatselt woff2-vormingusse, et tagada ühilduvus kõigi brauseritega.

Mitu fonti võib ühele saidile panna?

Tehniliselt nii palju kui soovite. Praktikas mitte rohkem kui kaks või kolm perekonda. Iga lisatav font lisab HTTP-päringu ja suurendab allalaaditava faili kogumahtu. WP Rocket ja Kinsta soovitavad piirduda paariga: üks pealkirjadele, üks tekstile. Kui kasutate muutuvaid fonte (variable fonts), piisab ühest failist kõigi paksuste jaoks.

Milleks mulle Zeno Font Resizer, kui brauseril on juba suum?

Brauseri suum muudab kogu lehe mõõtkava, pildid, nupud, vahed, kõik nihkub. Zeno muudab AINULT teksti fondi suurust, säilitades paigutuse. Lisaks ei tea kõik külastajad Ctrl+/Ctrl- kohta: nähtav „A+ A-" nupp külgribal lahendab selle probleemi vanema auditooriumi ja nägemispuudega inimeste jaoks.

Mida teha, kui pärast fondiplugina paigaldamist hakkas sait aeglasemalt laadima?

Tõenäoliselt tõmbab plugin kõiki saadaolevaid fondi paksusi (Regular, Bold, Italic, Light, kuni kümmekond faili). Lahendus: jätke plugina seadetes alles ainult kasutatavad paksused (tavaliselt 400 ja 700). Kui plugin sellist seadistust ei paku, vaadake OMGF-i, see eemaldab kasutamata variandid automaatselt.

💎 Kokkuvõte: mida oma ülesande jaoks paigaldada

Viis pluginat katavad kolm põhimõtteliselt erinevat stsenaariumi: Google Fonts’i kataloogi ühendamine, oma failide üleslaadimine ja ligipääsetavus. Allpool on otsene jaotus.

• Kui teil on vaja kiiresti läbi vaadata kümmekond fonti ja valida parim ilma koodi süvenemata, kasutage Fonts Plugin’i. See sobib ka siis, kui teil on Adobe Fonts tellimuse alusel.
• Kui saidi kiirus ja GDPR-i nõuetele vastavus on kriitilise tähtsusega, paigaldage OMGF. See ei ole fontide valimiseks, vaid nende korrektseks kohaletoimetamiseks: kohapeal, eellaadimisega ja ilma väliste päringuteta.
• Kui disainer saatis teile faili brand.ttf ja ütles „kasuta seda fonti kõikjal", siis Use Any Font teisendab ja ühendab selle. Kasutage Custom Fonts’i, kui teisendamine pole vajalik ning kaasaegne liides ja Google Fonts’i kohalik majutus ühes paketis on olulisem.
• Lisage Zeno Font Resizer viimase lihvina: see ei ole ilu, vaid austuse küsimus lugeja vastu, kes soovib lugeda ilma luubita.

Alustage tasuta versioonidest: Fonts Plugin Free + OMGF Free funktsionaalsusest piisab enamiku WordPressi saitide jaoks. Ja millist fondiplugina teie kasutate, kirjutage kommentaaridesse.