🔤 20 Google-fonter for WordPress og WooCommerce: paringer, kyrillisk og hastighet i 2026

Nettstedet laster på tre sekunder, men den besøkende forlater det etter to. I 9 av 10 tilfeller er problemet verken hosting eller plugins, problemet er skrifttypen. Et dårlig «overskrift + brødtekst»-par ødelegger lesbarheten, og fire familier med åtte vekter hver drar PageSpeed under 50.

Google Fonts, en katalog med over 1700 gratis nettskrifter. Å plukke en fungerende kombinasjon for WordPress og WooCommerce er en oppgave med en hake: noen brekker på mobil, noen fungerer dårlig med kyrillisk, og noen drar med seg 400 KB per vekt.

Vi gikk gjennom katalogen og plukket ut 20 skrifttyper som ikke vil svikte deg. For hver enkelt får du ærlige fordeler, ulemper og et ferdig par for en butikk eller blogg.

💡 Rask oversikt:

• Definer merkevarens tone: streng sans-serif for teknologi og finans, varm og rund for barne- og livsstilsprosjekter, serif for innholdstunge nettsteder.
• Begrens antall familier: én til overskrifter, én til brødtekst. Tre eller flere er en sikker måte å miste PageSpeed-poeng på.
• Sjekk støtte for kyrillisk: ikke alle Google Fonts støtter russisk, åpne Glyphs-fanen på skriftsiden før du velger.
• Last skrifter lokalt via en plugin eller manuell konvertering, da eliminerer du den eksterne Google-forespørselen og øker poengsummen for Core Web Vitals.
• For WooCommerce, sjekk sifrene: «3», «5», «8» og «0» må være umiddelbart mulige å skille fra hverandre i den valgte vekten.

20 Beste Google Fonts for WordPress og WooCommerce

1. Roboto

Den mest brukte Google Fonts-skrifttypen: et nøytralt, mekanisk skjelett med åpne ovaler. Den stjeler ikke oppmerksomhet fra produktet og holder seg trygt lesbar i små størrelser. Spennet i vekter fra Thin til Black lar deg bygge hierarki med én enkelt fontfamilie.

• Fordeler: 12 vekter, lesbare tall, overdøver ikke innhold, feilfri kyrillisk.
• Ulemper: så utbredt at uten et særpreget display-font mister nettstedet sin identitet.
• Hvor du får den: 🔗 Roboto på Google Fonts

2. Open Sans

En veteran innen webtypografi med et vennlig design. Ideell for blogger, hjelpeseksjoner og lange produktbeskrivelser. Bokstavavstanden er finjustert slik at teksten ikke «puster» på mobil.

• Fordeler: perfekt lesbarhet for brødtekst, førsteklasses mobilgjengivelse, full kyrillisk.
• Ulemper: ser ut som «alle andre», litt svakt for en merkevare som sikter mot originalitet.
• Hvor du får den: 🔗 Open Sans på Google Fonts

3. Lato

En varm sans-serif i skjæringspunktet mellom profesjonalitet og menneskelighet. Halvrunde avslutninger mykner opp uttrykket uten å gli over i det karikerte. Fungerer godt for forretningsnettsteder og butikker med en tillitsvekkende tone.

• Fordeler: balanse mellom «strengt og vennlig», sterkt i både overskrifter og brødtekst.
• Ulemper: kurvene krasjer med geometriske temaer og rigide UI-sett.
• Hvor du får den: 🔗 Lato på Google Fonts

4. Montserrat

En geometrisk grotesk med en «urban» karakter. Brede proporsjoner og stor x-høyde får den til å skille seg ut i hero-blokker og CTA-knapper. Sammen med Roboto eller Inter gir den tydelig kontrast.

• Fordeler: umiddelbart gjenkjennelig, dristig display-personlighet, 9 vekter.
• Ulemper: ikke for lange tekster, brede bokstaver spiser plass i mobillayout.
• Hvor du får den: 🔗 Montserrat på Google Fonts

5. Poppins

En geometrisk grotesk bygget på perfekte sirkler, den gir et «moderne SaaS-produkt»-utseende uten noen designerinnsats. Flott til overskrifter, knapper og prislapper. Yter pålitelig i produktkort.

• Fordeler: rent geometrisk design, 9 vekter, «startup-preg».
• Ulemper: monotonien i de runde formene blir slitsom i lange tekster.
• Hvor du får den: 🔗 Poppins på Google Fonts

6. Inter

En skrift bygget for skjerm: høy x-høyde og nøye sideplassering gir lesbarhet i små størrelser. De facto-standarden for UI, dashbord og WooCommerce-kasse.

• Fordeler: #1 på lesbarhet på skjerm, feilfri kyrillisk, variabel akse.
• Ulemper: i en blogg uten en kontrasterende display-skrift ser den anonym ut.
• Hvor du får den: 🔗 Inter på Google Fonts

7. Nunito

En rund sans-serif med en myk, innbydende personlighet. Perfekt for nisjer som trenger varme: barneprodukter, dyrebutikker, matblogger. Kurvene er godt balansert.

• Fordeler: varm karakter, full kyrillisk, ser grei ut i mobilmenyer.
• Ulemper: ikke for B2B, finans eller juss; rundheten undergraver autoritet.
• Hvor du får den: 🔗 Nunito på Google Fonts

8. Source Sans 3

Den tredje utgivelsen av Adobes skrifttype, bygget med tilgjengelighet i tankene. Rene former og behagelig bokstavavstand, god for lange tekster. I WooCommerce fungerer den godt til produktbeskrivelser og filtre.

• Fordeler: tilgjengelighet rett ut av esken, variabel vektakse, 12 stiler.
• Ulemper: uten en kontrasterende display-skrift ser nettstedet ut som teknisk dokumentasjon.
• Hvor du får den: 🔗 Source Sans 3 på Google Fonts

9. Raleway

En elegant sans-serif med tynne streker og et «premium»-preg. Helter og bannere ser eksklusive ut. Ikke egnet for brødtekst: de tynne linjene mister kontrast på skjerm.

• Fordeler: eksklusivt display-preg, kyrillisk uten svake punkter, variabel akse.
• Ulemper: ikke for brødtekst, tynne streker holder seg ikke godt i små størrelser.
• Hvor du får den: 🔗 Raleway på Google Fonts

10. Work Sans

En skjerm-først-grotesk med litt bredere proporsjoner. Optimalisert for lesing på skjerm: den står støtt ved 14px i brødtekst og ved 48px i overskrifter.

• Fordeler: en allrounder for skjermlesing, variabel akse, 9 vekter.
• Ulemper: nøytral til det usynlige; uten et særpreget display-skrift ser det ut som en plassholder.
• Hvor du får tak i den: 🔗 Work Sans på Google Fonts

11. Playfair Display

En antikva med høy kontrast og en utpreget «redaksjonell» karakter. I overskrifter og bannere gir den en glanset magasinfølelse: mote, smykker, parfyme. Ikke bruk den til brødtekst; de høy-kontrast strekene flimrer på skjermen.

• Fordeler: redaksjonell eleganse, 6 vekter med kapiteler, full kyrillisk støtte.
• Ulemper: ikke for brødtekst; i små størrelser forsvinner de tynne strekene.
• Hvor du får tak i den: 🔗 Playfair Display på Google Fonts

12. Merriweather

En «lesbar» antikva designet spesielt for skjermer. I motsetning til de fleste antikvaskrifter holder den en jevn linje selv ved 14px. For blogger og langformatartikler er dette et av de beste antikva-alternativene på Google Fonts.

• Fordeler: en antikva for skjerm uten kompromisser, ren kyrillisk, variabel akse.
• Ulemper: under 13px begynner serifene å bli «støyende».
• Hvor du får tak i den: 🔗 Merriweather på Google Fonts

13. PT Sans

Et ParaType-prosjekt med fullt innfødt kyrillisk og støtte for språk i Den russiske føderasjonen. Dette er ikke en latinsk tilpasning; det er en skrifttype der kyrillisk er førsteborger. Eksemplariske proporsjoner for «ж», «д», «л» uten trange partier.

• Fordeler: kyrillisk fra de som designet alfabetet; smale proporsjoner sparer plass.
• Ulemper: for få vekter for komplekst hierarki; latinsk er sekundært.
• Hvor du får tak i den: 🔗 PT Sans på Google Fonts

14. Ubuntu

Ubuntu OS sin merkevareskrifttype, tilpasset for web. Karakteristiske knekker i «a», «g» og «k» gjør den gjenkjennelig. For gadget-butikker, programvare og hosting gir den en teknologiorientert stemning.

• Fordeler: gjenkjennelig personlighet, tech-stemning, 8 vekter.
• Ulemper: den særegne «a»-en er ikke for alle; kan virke irriterende i konservative nisjer.
• Hvor du får tak i den: 🔗 Ubuntu på Google Fonts

15. Rubik

En grotesk med avrundede hjørner og en vennlig karakter, men uten barnslig naivitet. Det ideelle valget for butikker som trenger varme uten infantilisme: sportsutstyr, interiørartikler, kjøkkenutstyr.

• Fordeler: balansen «varme uten naivitet», variabel akse, lesbare sifre.
• Ulemper: mangler «tørrhet» for strenge B2B-nisjer.
• Hvor du laster ned: 🔗 Rubik på Google Fonts

16. DM Sans

En geometrisk grotesk med lav kontrast. Flott for landingssider og enkeltsidesider der alt skal føles som en helhetlig enhet.

• Fordeler: jevn kontrast på tvers av alle vekter, variabel akse, moderne geometri.
• Ulemper: monoton uten en display-aksent; kyrillisk er litt bredere enn latinsk.
• Hvor du laster ned: 🔗 DM Sans på Google Fonts

17. Fira Sans

En skrifttype designet for Firefox OS. Kompakte proporsjoner sparer horisontal plass, et pluss for produktkort med lange navn og mobillayouts.

• Fordeler: kompakthet, plassbesparelse, variabel akse, 16 vekter.
• Ulemper: «tørrhet» passer ikke for emosjonelle nisjer, lesbarheten synker ved størrelser under 12px.
• Hvor du laster ned: 🔗 Fira Sans på Google Fonts

18. Libre Franklin

En tolkning av den klassiske Franklin Gothic for nettet. Høy x-høyde og et gjenkjennelig «amerikansk» design; overskrifter ser ut som avisstriper uten å virke gammeldagse.

• Fordeler: særegen «avisstil», variabel akse, 9 vekter.
• Ulemper: kyrillisk er litt smalere enn latinsk, ikke for «luftig» design.
• Hvor du laster ned: 🔗 Libre Franklin på Google Fonts

19. Quicksand

En avrundet geometrisk grotesk med åpne, «pustende» former. Bokstavavstanden er litt økt, slik at øyet ikke «snubler». For barneutstyrsbutikker, hobbybutikker og kreative studioer.

• Fordeler: åpne former, vennlig karakter, variabel akse.
• Ulemper: ikke for store tekstblokker, malplassert i strenge nisjer.
• Hvor du laster ned: 🔗 Quicksand på Google Fonts

20. Crimson Text

Gammeldags antikva inspirert av boktypografi. I motsetning til den høy-kontrastrike Playfair Display holder Crimson Text en jevn linje og fungerer også til brødtekst. For blogger om litteratur, historie og «langsomt» innhold.

• Fordeler: kompromissløs bokantikva, 6 vekter, kapiteler.
• Ulemper: ikke for kommersiell bruk, for «bibliotek» i karakteren.
• Hvor du får den: 🔗 Crimson Text på Google Fonts

⁉️🤔 FAQ

Er Google Fonts egnet for en russiskspråklig WooCommerce-butikk?

Ja. Google Fonts-katalogen inneholder hundrevis av fonter med full kyrillisk støtte: Roboto, Inter, Open Sans, PT Sans og minst 60 andre familier. Nøkkelen er å åpne Glyphs-fanen og sjekke den kyrilliske delen. For WooCommerce bør du teste sifrene «3», «5», «8» og «0» i Bold før du installerer.

Hvor mange fonter kan jeg laste uten å skade ytelsen?

Sweet spot-et er to familier: én til overskrifter, én til brødtekst. Hver ekstra vekt legger til kilobyte i nyttelasten. Roboto Bold + Inter Regular veier omtrent 70 KB i WOFF2, og siden laster uten treff. Tre eller flere familier er en sikker måte å miste PageSpeed-poeng på.

Er det obligatorisk å hoste fonter lokalt i stedet for å bruke Googles CDN?

Ikke obligatorisk, men anbefalt. Lokal lasting via @font-face eliminerer et eksternt DNS-oppslag og øker Core Web Vitals-skårene. GTmetrix-tester viser en besparelse på 300-600 ms ved første rendering. Flere detaljer i den dedikerte guiden.

Hvilken font fungerer best for mobilversjonen av en butikk?

Inter. Dens høye x-høyde og stramme spacing gjør den til det mest lesbare valget på 5-6 tommers skjermer. For mobiltrafikk, bruk Inter til brødtekst og Montserrat Bold til overskrifter, dette paret fungerer uten kompromiss.

Kan jeg blande serif og sans-serif på samme side?

Du kan og du bør. En kombinasjon av «sans overskrift + serif brødtekst» (Montserrat + Merriweather) skaper visuell kontrast. Den omvendte oppskriften (Playfair Display + Inter) gir en premium-følelse. Unngå tre eller flere familier, siden blir et rot.

Oppsummering: hvilken Google Font du bør velge for ditt bruksområde

Å velge en font er ikke en smakssak, det er et spørsmål om bruksområde. Et dårlig matchet «overskrift + brødtekst»-par kutter konvertering uten at den besøkende merker det.

• Nettbutikk (WooCommerce) → Inter (brødtekst) + Montserrat Bold (overskrifter). Lesbare priser, ren kasse, slagkraftige produktkort.
• Blogg / innholdsside → Open Sans (brødtekst) + Raleway (overskrifter). Open Sans sliter ikke ved lang lesing, Raleway gir et lett preg.
• Landingsside / enkeltside → Poppins (overskrifter) + DM Sans (brødtekst). Geometrisk klarhet fra hero-blokk til knapp.
• Premium / mote → Playfair Display (overskrifter) + Inter (brødtekst). Redaksjonell eleganse uten å ofre lesbarhet.
• Russiskspråklig prosjekt → PT Sans (brødtekst og overskrifter). Opprinnelig kyrillisk, ikke tilpasset latin.

Ikke jag et høyt antall vekter, last bare de du faktisk bruker: Bold til overskrifter, Regular til brødtekst, Italic for utheving. Og sørg for å hoste fonter lokalt, de ekstra 600 ms ventetid på Googles CDN er ikke verdt en tapt besøkende.