🥇 5 Parasta fonttilaajennusta WordPressille 2026 (ilmaiset ja Pro)

Halusit vaihtaa sivuston fontin, mutta päädyit rikkomaan ylätunnisteen mobiiliversiossa. Tai asensit "sen kauniin fontin Google Fontsista" ja sivusto alkoi latautua puoli sekuntia hitaammin, ja konversio alkoi laskea.

Fontit WordPressissä näyttävät yksinkertaisilta: valitset, otat käyttöön ja unohdat. Käytännössä "valitse" ja "unohda" väliin mahtuu kymmeniä vivahteita: missä tiedostoja isännöidään, miten ei rikota GDPR:ää, mitä tehdä kyrillisille merkeille, miten antaa kävijöiden säätää fonttikokoa itse.

Alla on viisi lisäosaa, jotka hoitavat nämä tehtävät. Massafonttien vaihdosta mukauttimen kautta omien .ttf-tiedostojen tarkkaan lataamiseen ja saavutettavuuswidgettiin lukijoille.

💡 Pikakatsaus:

• Valitse Fonts Plugin, jos tarvitset helpoimman tavan yhdistää Google Fontsit ja nähdä lopputuloksen reaaliajassa.
• Asenna OMGF, kun latausnopeus ja GDPR-vaatimustenmukaisuus ovat kriittisiä, se isännöi fontit paikallisesti palvelimellasi.
• Käytä Custom Fonts -lisäosaa tai Use Any Font -lisäosaa, jos työskentelet omien fonttitiedostojesi etkä Google-katalogin kanssa.
• Lisää Zeno Font Resizer, jotta kävijät voivat säätää tekstin kokoa omille silmilleen sopivaksi.

Nopea vertailu:

1. Fonts Plugin: 1455 Google-fonttia ja live-esikatselu mukauttimessa

Fonts Plugin (entinen Google Fonts Typography) on suosituin fonttilisäosa WordPress-katalogissa: yli 200 000 aktiivista asennusta ja 5 tähden arvosana. Sen tärkein etu on täysi integraatio WordPressin mukauttimeen: valitset fontin pudotusvalikosta ja näet heti, miltä se näyttää live-sivustolla. Koodia ei tarvita.

Lisäosa antaa pääsyn kaikkiin 1455 Google Fontsiin, ja lisäksi se yhdistää Adobe Fontsit (Typekit), jos sinulla on Creative Cloud -tilaus. Ilmaisversiossa voit ladata omia .ttf-, .otf- tai .woff2-tiedostojasi. Pro-versio lisää paikallisen fonttien isännöinnin (GDPR-yhteensopiva), koon, värin ja rivikorkeuden hallinnan sekä fonttileikkausten valikoivan lataamisen, mikä nopeuttaa renderöintiä jopa 400%.

Käytännössä fonttien vaihtaminen koko sivustolla vie alle kaksi minuuttia: asenna lisäosa, siirry kohtaan Ulkoasu → Mukauta → Fonts Plugin, valitse "otsikko + teksti" -pari ja klikkaa Julkaise.

• Hyvää: täysi Google Fonts -katalogi (1455 kohdetta), live-esikatselu ilman uudelleenlatausta, Adobe Fonts -tuki, omien fonttien lataus ilmaisversiossa, toimii minkä tahansa teeman ja sivunrakentajan kanssa (Elementor, Divi, Beaver Builder).
• Huonoa: paikallinen fonttien isännöinti ja tarkat typografia-asetukset vain Pro-versiossa (alkaen 58 € vuodessa yhdelle sivustolle).
• Hinta: Ilmainen, Pro alkaen 58 €/vuosi.
• Lataa: 🔗 Fonts Plugin WordPress.orgissa | 🔗 Live-demo

2. OMGF: Google Fontsien paikallinen isännöinti ja GDPR-vaatimustenmukaisuus

OMGF (lyhenne sanoista Optimize My Google Fonts) ratkaisee tietyn ongelman: kun yhdistät Google Fontsit tavallisella tavalla, kävijän selain ottaa yhteyden Googlen palvelimiin, ja ne kirjaavat IP-osoitteen. Vuodesta 2022 lähtien EU:n tuomioistuimet ovat tunnustaneet tämän GDPR-rikkomukseksi. OMGF hakee fonttitiedostot Google Fonts API:sta ja sijoittaa ne kansioon palvelimellasi, kaikki pyynnöt menevät paikallisesti.

Lisäosa skannaa automaattisesti teemasi ja aktiiviset lisäosat, löytää kaikki kutsut osoitteeseen fonts.googleapis.com ja sieppaa ne. Asennuksen jälkeen siirryt kohtaan Asetukset → Optimize Google Fonts, suoritat Tallenna ja optimoi, ja minuutissa koko sivusto lataa fontit omalta verkkotunnukseltasi. Ei yhtään ulkoista DNS-riippuvuutta.

Tuore versio 6.3.7 (kesäkuu 2026) sai sisäänrakennetun Suorituskyvyn tarkistajan: se tarkistaa käyttämättömät osajoukot, ylimääräiset fonttileikkaukset, puuttuvan esilatauksen ja Cumulative Layout Shiftin. Pro-tila lisää Smart Optimize -toiminnon, joka määrittää automaattisesti, mitä fontteja kullakin sivulla todella käytetään, ja purkaa loput.

• Hyvää: 100% GDPR-vaatimustenmukaisuus, automaattinen fonttien haku teemasta ja lisäosista, esilataus ja font-display vakiona, välimuistin tyhjennys suosituille välimuistilisäosille (WP Rocket, W3 Total Cache, LiteSpeed).
• Huonoa: Pro-ominaisuudet (Smart Optimize, Magic Fallbacks, CDN-integraatio) ovat maksullisia, käyttöliittymä on joskus ylikuormitettu aloittelijoille.
• Hinta: Ilmainen, Pro alkaen 49 €/vuosi.
• Lataa: 🔗 OMGF WordPress.orgissa

3. Custom Fonts: omien fonttien ja Google Fontsien paikallinen lataus

Custom Fonts Brainstorm Forcelta (Astra-teeman luojat) tekee juuri sen, mitä nimi lupaa: lataa fonttitiedostosi palvelimelle ja tarjoilee ne @font-face-säännön kautta. Tukee .ttf-, .otf-, .woff- ja .woff2-formaatteja. Lisäksi se voi isännöidä Google Fontseja paikallisesti, myös ilman ulkoisia pyyntöjä.

Käyttöliittymä on rakennettu React JS:llä: miellyttävä, nopea, ilman vanhanaikaisia Mukautin-näyttöjä. Lataa tiedosto, anna sille nimi, määritä se, fontti ilmestyy käytettävissä olevaan luetteloon ja editoriin. FSE-teemoille (Full Site Editing) lisäosa integroituu teematasolla, ei lohkoeditorissa, joten fontit eivät katoa teemaa vaihdettaessa.

Mainitsen erikseen: lisäosa on täysin ilmainen. Ei Pro-tasoja, ei lisämyyntiä. Brainstorm Force käyttää sitä "suppilona" kaupallisiin tuotteisiinsa (Astra, Spectra), mutta itse lisäosaa ei ole rajoitettu.

• Hyvää: moderni React-käyttöliittymä, FSE-teematuki, sekä Google Fontsien että omien tiedostojen paikallinen isännöinti, täysin ilmainen, Elementor-yhteensopivuus.
• Huonoa: ei koon/värin/leikkauksen hallintaa (lisäosa VAIN yhdistää fontit), harvoin päivitetty (viimeisin julkaisu vuonna 2024).
• Hinta: Ilmainen.
• Lataa: 🔗 Custom Fonts WordPress.orgissa

4. Use Any Font: automaattinen muunnos woff2-muotoon ja jopa 25 Mt:n lataus

Use Any Font ratkaisee tuskan, joka on tuttu kaikille, jotka saivat suunnittelijalta brändifontin .ttf-tiedoston eivätkä ymmärtäneet, mitä sillä pitäisi tehdä. Lisäosa hyväksyy .ttf-, .otf- tai .woff-tiedostot, lähettää ne muunnospalvelimelle ja palauttaa pakatun .woff2-tiedoston (Brotli-pakkaus, huomattavasti nopeampi kuin tavallinen woff). Tiedostot tallennetaan palvelimellesi, GDPR:ää ei rikota.

Sisäänrakennettu fonttien määrityskäyttöliittymä: voit valita tavalliset HTML-tagit (h1-h6, p) tai kirjoittaa oman CSS-valitsimen. Tukee WPML:ää ja Polylangia, monikielisille sivustoille voit määrittää eri fontit eri kielille. Latausraja on 25 Mt tiedostoa kohden. Muuntamiseen tarvitset ilmaisen API-avaimen (luodaan lisäosan hallinnassa).

Yhteensopivuusluettelo on vaikuttava: Divi, Elementor, Beaver Builder, Bricks, Oxygen, WPBakery, Astra, OceanWP, Avada, Flatsome, X Theme, yli 1000 teemaa ja rakentajaa vahvistetulla yhteensopivuuslistalla.

• Hyvää: automaattinen muunnos woff2-muotoon, lataus jopa 25 Mt tiedostoa kohden, WPML/Polylang-yhteensopivuus, 1000+ vahvistettua teemaa ja rakentajaa, fontit tallennetaan paikallisesti.
• Huonoa: riippuvainen ulkoisesta API:sta muuntamista varten (dnesscarkey.org-palvelin), ilmainen avain sallii vain yhden muunnoksen, massatyöhön tarvitset Premiumin.
• Hinta: Ilmainen (Lite API-avaimella), Premium rajoittamattomalla muunnoksella.
• Lataa: 🔗 Use Any Font WordPress.orgissa

5. Zeno Font Resizer: fonttikoon widget kävijöille

Zeno Font Resizer erottuu joukosta: se ei yhdistä fontteja, vaan antaa sivuston kävijälle "A+ / A-" -painikkeet fonttikoon muuttamiseen. Ensi silmäyksellä pieni asia. Käytännössä saavutettavuusstandardien vaatimus (WCAG 2.1) ja mukavuutta vanhemmalle yleisölle.

Lisäosa lisätään sivupalkkiin tavallisen widgetin kautta tai lisätään PHP-pätkällä <?php zeno_font_resizer_place(); ?> mihin tahansa kohtaan mallipohjassa. Asetukset tallennetaan evästeisiin: lukija asetti miellyttävän koon ja näkee sen seuraavalla käynnillä. Hallinnassa asetat fontin vähimmäis-/enimmäiskoon (oletus 10 ja 24 px) ja muutosaskeleen.

Versio 2.0.0 (huhtikuu 2026) on kirjoitettu kokonaan uusiksi vanilla JavaScriptillä, jQuery-riippuvuus on poistettu. Lisäosa on yli 10 vuotta vanha, se on forkki kauan sitten hylätystä font-resizeristä, ja sitä ylläpitää Marcel Pol.

• Hyvää: parantaa saavutettavuutta muokkaamatta teeman koodia, asetukset evästeissä, vanilla JS vuodesta 2026, ClassicPress-yhteensopivuus.
• Huonoa: ei toimi teemojen kanssa, joissa fonttikoko on kovakoodattu px-yksiköissä, vain yksi CSS-sääntö koon muuttamiseen (useita valitsimia pilkuilla erotettuna).
• Hinta: Ilmainen.
• Lataa: 🔗 Zeno Font Resizer WordPress.orgissa

Katso MENDDOn täydellinen WordPress-videokurssi (2026): kattaa teeman asennuksen, typografian asetukset ja lisäosien kanssa työskentelyn.

⁉️🤔 Usein kysytyt kysymykset

Onko Google Fontsien paikallinen isännöinti pakollista?

GDPR:n näkökulmasta kyllä, jos sinulla on EU-yleisö. Vuonna 2022 saksalainen tuomioistuin sakotti sivuston omistajaa juuri IP-osoitteiden välittämisestä Googlen palvelimille fontteja ladattaessa. OMGF ja Fonts Plugin Pro ratkaisevat tämän yhdellä kytkimellä. Jos yleisösi on EU:n ulkopuolella, paikallinen isännöinti on silti hyödyllinen nopeuden kannalta: poistat ylimääräisen DNS-pyynnön ja fonttien lataamisen ulkoisesta verkkotunnuksesta.

Voinko yhdistää kyrillisen fontin, jota ei ole Google Fontseissa?

Kyllä, Custom Fonts tai Use Any Font toimivat tähän. Lataa kyrillisen fontin .ttf- tai .otf-tiedosto (esimerkiksi FontSquirrelista tai maksullisesta katalogista kuten MyFonts), lataa se lisäosan kautta, ja se ilmestyy käytettävissä olevaan luetteloon. Use Any Font muuntaa tiedoston automaattisesti woff2-muotoon yhteensopivuuden varmistamiseksi kaikkien selainten kanssa.

Kuinka monta fonttia yhdelle sivustolle voi laittaa?

Teknisesti niin monta kuin haluat. Käytännössä enintään kaksi tai kolme fonttiperhettä. Jokainen ylimääräinen fontti lisää HTTP-pyynnön ja kasvattaa kokonaislatauskokoa. WP Rocket ja Kinsta suosittelevat rajoittumaan pariin: yksi otsikoille, yksi tekstille. Jos käytät variable-fontteja, yksi tiedosto riittää kaikille leikkauksille.

Miksi tarvitsen Zeno Font Resizeria, jos selaimessa on jo zoomaus?

Selaimen zoomaus muuttaa koko sivun mittakaavaa, kuvat, painikkeet, välit siirtyvät kaikki. Zeno muuttaa VAIN tekstin fonttikokoa säilyttäen asettelun. Lisäksi kaikki kävijät eivät tiedä Ctrl+/Ctrl- -toiminnosta: näkyvä "A+ A-" -painike sivupalkissa ratkaisee tämän ongelman vanhemmalle yleisölle ja näkövammaisille.

Mitä tehdä, jos fonttilisäosan asennuksen jälkeen sivusto alkoi latautua hitaammin?

Todennäköisesti lisäosa vetää kaikki saatavilla olevat fonttileikkaukset (Regular, Bold, Italic, Light, jopa tusina tiedostoa). Ratkaisu: jätä lisäosan asetuksiin vain käytetyt leikkaukset (yleensä 400 ja 700). Jos lisäosa ei tarjoa tällaista asetusta, katso OMGF:ää, se purkaa käyttämättömät variantit automaattisesti.

💎 Yhteenveto: mitä asentaa omaan tehtävääsi

Viisi lisäosaa kattaa kolme perustavanlaatuisesti erilaista skenaariota: Google Fonts -katalogin yhdistämisen, omien tiedostojen lataamisen ja saavutettavuuden. Alla on suora erittely.

• Jos sinun täytyy nopeasti käydä läpi tusina fonttia ja valita paras ilman koodiin koskemista, käytä Fonts Pluginia. Se sopii myös, kun sinulla on Adobe Fontsit tilauksella.
• Jos sivuston nopeus ja GDPR-vaatimustenmukaisuus ovat kriittisiä, asenna OMGF. Kyse ei ole fonttien valinnasta, vaan niiden asianmukaisesta toimituksesta: paikallisesti, esiladattuna ja ilman ulkoisia pyyntöjä.
• Jos suunnittelija lähetti sinulle brand.ttf-tiedoston ja sanoi "käytä tätä fonttia kaikkialla", Use Any Font muuntaa ja yhdistää sen. Käytä Custom Fontsia, jos muuntamista ei tarvita ja moderni käyttöliittymä + Google Fontsien paikallinen isännöinti yhdessä paketissa on tärkeämpää.
• Lisää Zeno Font Resizer viimeisenä silauksena: kyse ei ole kauneudesta, vaan kunnioituksesta lukijaa kohtaan, joka haluaa lukea ilman suurennuslasia.

Aloita ilmaisversioista: Fonts Plugin Free + OMGF Free -yhdistelmän toiminnallisuus riittää useimmille WordPress-sivustoille. Ja mitä fonttilisäosaa sinä käytät, kirjoita kommentteihin.