Optimalisering av Lastetid med Lokal Hosting av Fonter

Lokal hosting av fonter innebærer å lagre skrifttypefiler på ditt eget hosting-konto, server eller CDN i stedet for å hente dem fra en tredjepartstjeneste. Når det gjøres riktig, kan dette redusere DNS-oppslag, TLS-håndtrykk og forsinkelser fra eksterne forespørselen, noe som senker lastetiden for nettstedet ditt; dette gir målbare fordeler, spesielt for Core Web Vitals, brukeropplevelse og SEO-ytelse. For best resultat bør du bare bruke nødvendige skrifttypevekter, foretrekke WOFF2-formatet, preload kritiske fonter og definere font-display: swap i CSS.

Mange nettsteder bruker Google Fonts, Adobe Fonts eller eksterne fontlenker som følger med temaet, ofte uten å merke det i designfasen. Selv om denne metoden kan virke praktisk ved første øyekast, kan den legge til ekstra steg for domenenavnsoppslag, tilkobling og nedlasting av filer for hver besøkende. Små forsinkelser på 100-300 ms på mobile nettverk kan, når de kombineres med flere skrifttypefamilier og ulike vekter, betydelig forlenge den totale lastetiden for siden. Derfor er tilnærmingen med lokal hosting av fonter ikke bare et teknisk detalj; det er en strategi for raskere, mer kontrollert og mer bærekraftig webytelse.

I denne guiden vil vi trinn for trinn se på hva lokal hosting av fonter innebærer, når det gir fordeler, hvordan det implementeres på WordPress eller egendefinerte programvare nettsteder, og hvilke feil du bør unngå i henhold til SEO-standarder for 2026. Du vil også finne praktiske tips om hvordan du kan planlegge fontoptimalisering mens du bruker en rask og sikker hostinginfrastruktur fra Hostragons. Valget av hosting er grunnlaget for ytelsen; fontoptimalisering er finjusteringen på dette fundamentet. Du kan vurdere Hostragons webhostingpakker for relevante infrastrukturalternativer.

Hva er lokal hosting av fonter?

Lokal hosting av fonter betyr å lagre skrifttypefiler i filsystemet på nettstedet ditt og presentere dem til besøkende derfra. For eksempel, i stedet for å hente Inter, Roboto eller Montserrat fra Google Fonts, laster du ned de relevante WOFF2-filene og laster dem opp til mappen /fonts eller /assets/fonts på nettstedet ditt. Deretter definerer du stien til disse filene i CSS-filen din med @font-face-regelen. Når siden lastes, henter nettleseren skrifttypen direkte fra ditt domenenavn, uten å kontakte eksterne fonttjenester.

Denne tilnærmingen er spesielt viktig med tanke på ytelse, personvern og kontroll. Du bestemmer hvilke formater skrifttypefilene skal presenteres i, hvor lenge de skal caches, hvilke vekter som skal lastes og på hvilke sider de skal brukes. For eksempel, hvis du bare bruker vektene 400 og 700 på nettstedet ditt, vil du unngå å lagre unødvendige filer som 300, 500, 600, og 800. Dermed reduseres både den totale filstørrelsen og kompleksiteten i CSS.

I praksis består implementeringen av lokal hosting av fonter av tre hovedelementer: optimaliserte skrifttypefiler, riktig CSS-definisjon, og effektiv servercaching. Hvis en av disse tre komponentene mangler, kan den forventede hastighetsgevinsten bli begrenset. For eksempel, hvis du bruker en eldre TTF-fil i stedet for WOFF2, vil filstørrelsen være større. Hvis cache-hodene er feil, kan besøkende bli tvunget til å laste ned den samme skrifttypen på hver side. Og hvis preload brukes feil, kan det føre til unødvendig prioritering av ressurser i nettleseren.

Hvorfor er fontoptimalisering viktig for SEO?

Google vurderer brukeropplevelsen i rangeringene sine ved hjelp av både direkte og indirekte signaler. Nettstedets hastighet, mobilvennlighet, interaksjonsforsinkelser og visuell stabilitet er avgjørende faktorer i denne vurderingen. Fonters påvirkning på Largest Contentful Paint, Cumulative Layout Shift og oppfattet lastetid kan være betydelig. Hvis teksten i overskriften eller på den første skjermen blir gjengitt med en spesiell skrifttype, kan forsinkelsen i lasting av skrifttypefilen forsinke LCP-verdien.

I SEO-tilnærmingen for 2026 er både innholdskvalitet og teknisk tilgjengelighet viktige faktorer. Googlebot må kunne få tilgang til kildefilene dine når den indekserer siden din, og brukerne må kunne se siden raskt og stabilt. Forsinkelser fra eksterne fontleverandører, landspesifikke tilgangsproblemer, eller sporadiske DNS-problemer ligger utenfor din kontroll. Lokal hosting av fonter reduserer denne usikkerheten.

La oss ta et brukerfokusert eksempel: På et bedriftsnettsted med en total sidevekt på 1,8 MB, der fire forskjellige Google Fonts-familier, åtte vekter og to variasjoner brukes, kan bare skrifttypeforespørslene nå 450-700 KB. Selv om noen av disse filene ikke brukes på den første skjermen, kan nettleseren be om dem på grunn av CSS. Når det samme designet er organisert med to skrifttypefamilier, tre vekter og et WOFF2-subsett, kan skrifttypestørrelsen reduseres til 90-180 KB. Denne forskjellen er merkbar, spesielt på 4G-tilkoblinger og lavere kraftige enheter.

Sammenligning av Eksterne Fonttjenester og Lokal Font Hosting

Det finnes ikke én riktig løsning for alle nettsteder. I noen prosjekter kan eksterne fonttjenester være tilstrekkelige; i andre tilfeller gir lokal hosting mye bedre resultater. Tabellen nedenfor gir en rask oversikt over de grunnleggende forskjellene som kan hjelpe deg med å ta en beslutning.

Oppsummert, hvis du ønsker kontroll og ytelse, er lokal hosting et sterkere alternativ. Men denne metoden bør ikke undervurderes som "å laste ned fonter og laste dem opp til serveren". Feil filformat, unødvendige vekter eller feil CSS kan i stedet for å forbedre ytelsen, forverre den.

Effekten av Lokal Hosting av Fonters på Nettsteds Hastighet

Skrifttypefiler ser vanligvis små ut; men de kan bli kritiske ressurser i kjeden for sideinnlasting. Nettleseren henter først HTML, deretter laster den ned CSS-filer og oppdager fontene som er definert i CSS. Hvis overskriftene, menyene eller brødteksten er avhengig av spesielle fonter, kan nettleseren måtte vente på skrifttypefilen før den viser teksten. I slike tilfeller kan brukeren oppleve hvite områder, usynlig tekst, eller brå fontbytter.

For å forstå ytelseseffekten, er tre metrikker viktige. Den første er LCP, som er når brukeren ser det største innholdselementet på skjermen. Den andre er CLS, som refererer til forskyvningene som skyldes endringer i tekstens bredde og høyde på grunn av fontbytte. Den tredje er INP, eller interaksjonsfølsomhet; selv om fonter ikke direkte forårsaker INP-metrikken, kan tung CSS og unødvendige ressurser okkupere hovedtråden og dermed ha en indirekte effekt.

I en godt optimalisert skrifttype-strategi er målene som følger: fonten som brukes på den første skjermen bør være under 100 KB, unødvendige variasjoner bør ikke lastes, skrifttypefiler bør serveres med langvarig cache, og kritiske fonter bør prelastes når det er nødvendig. Hvis en e-handels produktside kun trenger vektene 400 og 700 fra samme skrifttypefamilie for overskrift, pris og CTA-tekst, er det bortkastet å laste opp ni forskjellige vekter. For å forbedre hastigheten på din e-handelsinfrastruktur, kan du se på Løsninger for høyytelses hosting siden.

Riktige Skrifttypeformater for Self-Host Fonts

Hvorfor er WOFF2 det beste valget?

Det mest effektive skrifttypeformatet for moderne web er WOFF2 i de fleste scenarier. WOFF2 gir god komprimering og støttes av de fleste moderne nettlesere. TTF eller OTF-filer kan være passende for design og desktop-bruk, men de er vanligvis overdimensjonerte når det gjelder webytelse. Eldre formater som EOT er nå kun meningsfulle for veldig gamle nettlesermål.

For eksempel kan TTF-filen for den samme skrifttypen være 300 KB, mens WOFF2-versjonen kan være mellom 80-120 KB. Når du bruker flere vekter, kan denne forskjellen multipliseres. Derfor bør du bruke WOFF2-filer som er optimalisert for web i stedet for å laste opp skrifttypefilene i sin opprinnelige størrelse.

Bør du bruke variable fonter?

Variable fonter kan inneholde flere vekter eller stilvariasjoner i én fil. Hvis designet ditt bruker mange vekter fra 300 til 800, kan variable fonter være fornuftige. Men hvis du bare bruker 400 og 700, kan to separate statiske WOFF2-filer noen ganger gi en mindre total størrelse. Når du tar en beslutning, bør du teste filstørrelsen, antall brukte variasjoner og nettleserstøtten.

En erfaren ytelsestilnærming er å først liste opp de faktiske skrifttypevektene som brukes i design systemet ditt. Deretter sammenlign totale KB-verdier for statiske og variable alternativer. Velg det som er mindre, enklere og mer stabilt. Estetiske beslutninger bør være en del av designprosessen, så vel som måleresultater.

Slik Gjør Du Lokal Hosting av Fonter

Nedenfor trinnene kan tilpasses for WordPress, egendefinerte PHP-applikasjoner, Laravel, Node.js-baserte prosjekter og statiske nettsteder. Logikken er den samme: fjern unødvendige fonter, optimaliser nødvendige filer, lever dem fra din egen server, og test resultatene.

1. Gå gjennom eksisterende skrifttypebruk

Det første trinnet er å finne ut hvilke fonter nettstedet ditt henter og hvor de kommer fra. Du kan liste opp alle skrifttypeforespørslene ved å bruke "font"-filteret i Chrome DevTools Network-fanen. Du kan også sjekke render-blocking ressurser og tredjepartsforespørselen i PageSpeed Insights, WebPageTest eller Lighthouse-rapporter. Se etter svar på disse spørsmålene: Hvor mange skrifttypefamilier brukes? Hvor mange vekter lastes? Hvilket domenenavn kommer fontene fra? Hvor mange av dem er virkelig nødvendige på den første skjermen?

På mange nettsteder henter temaet, sidebyggeren og plugins fonter hver for seg. For eksempel kan temaet hente Roboto mens sidebyggeren henter Montserrat, og plugin for skjemaet henter Open Sans. Selv om dette kanskje ikke er synlig visuelt, kan det føre til ytelseskostnader. Å redusere antallet skrifttypefamilier ved å etablere et enkelt designsystem gir vanligvis den største gevinsten.

2. Last ned og forenkle nødvendige skrifttypefiler

Sjekk lisensvilkårene for skrifttypen du har valgt. For åpne skrifttyper tillates lokal hosting vanligvis; men for kommersielle fonter kan det finnes regler som angår filhosting, domenebegrensninger eller sidevisningslisenser. Når lisensen er bekreftet, laster du bare ned de vektene og stilene du trenger. Latin Extended tegnstøtte er viktig for norsk; sørg for at tegnene “æ, ø, å” ikke mangler.

For ytterligere optimalisering kan du opprette et subset. Et subset innebærer å fjerne tegnsett som ikke brukes fra skrifttypefilen. For en side som publiserer både norsk og engelsk, er Latin og Latin Extended vanligvis tilstrekkelig. Hvis du ikke bruker kyrillisk, arabisk eller greske tegn, kan fjerning av disse settene redusere filstørrelsen. Men på flerspråklige nettsteder kan hastige subset-feil føre til at tekstene ser defekte ut. Når du planlegger domenenavn og språklige strategier for flerspråklige prosjekter, kan du vurdere Guide til domenvalg og flerspråklige nettsteder innholdet.

3. Last opp fontene i riktig mappe

Oppbevar skrifttypefilene i en organisert mappestruktur. Bruk lesbare filnavn som /assets/fonts/inter/inter-400.woff2 og /assets/fonts/inter/inter-700.woff2. Å legge til versjonsinformasjon i filnavnene gjør cachehåndteringen lettere: inter-400-v2.woff2 for eksempel. På denne måten unngår du problemer med gamle cache når du oppdaterer fonten.

Du kan bruke filbehandleren i hostingpanelet, FTP eller Git-basert distribusjon. Filrettigheter bør vanligvis være 644, og mappetilgang bør være 755. Fontfilene må være offentlig lesbare; ellers får nettleseren en 403-feil og faller tilbake til systemfonten. Sjekk også MIME type-konfigurasjonen på serveren. For WOFF2 bør den riktige innholdstypen være font/woff2.

4. Definer @font-face i CSS

Sentrum i lokal hosting av fonter er @font-face-regelen. En enkel definisjon følger denne logikken: @font-face { font-family: Inter; src: url('/assets/fonts/inter/inter-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }. For den fete versjonen av den samme skrifttypefamilien legger du til en separat definisjon med font-weight: 700.

En av de mest kritiske linjene her er verdien font-display: swap. Denne verdien tillater nettleseren å vise teksten med systemfonten inntil den spesielle fonten er lastet. Dermed reduseres problemet med usynlig tekst. Men når swap brukes, kan det oppstå en liten forskyvning under fontbyttet. For å redusere dette bør du velge en systemfallback-font som ligner på den spesielle fonten. For eksempel, Arial eller system-ui kan være et rimelig alternativ for Inter i de fleste tilfeller.

5. Preload kritiske fonter

Preload er et kraftig signal til nettleseren om at en bestemt ressurs må lastes ned tidlig. Å preload hoved skrifttypefilen som brukes for overskrifter og brødtekst på den første skjermen kan forbedre LCP. Men det er en feil å preload hver skrifttype. Nettleseren kan tildele båndbredde til unødvendige ressurser, og bilder eller kritisk CSS kan bli forsinket.

Som en generell regel, preload bare 1 eller maksimalt 2 skrifttypefiler som brukes på den første skjermen. For eksempel, hvis hovedkroppsfoten på 400 og overskriftsfonten på 700 er synlige på den første skjermen, kan disse to filene være kandidater. Hvis den kursiverte fonten på bloggens detaljside ikke brukes på den første skjermen, bør du ikke preload den. Etter preload, sjekk i Network-fanen at fonten faktisk lastes ned tidlig, og at det ikke oppstår dobbelt nedlastinger.

6. Konfigurer cache- og komprimeringsinnstillinger

Skrifttypefiler er statiske eiendeler som vanligvis ikke endres ofte. Derfor bør de serveres med langvarige nettlesercache-innstillinger. Cache-Control-overskriften med public, max-age=31536000, immutable er en vanlig preferanse. Når du bruker versjon i filnavnet, blir cache trygg i ett år; fordi du endrer filnavnet når oppdatering er nødvendig.

WOFF2 er allerede et komprimert format; derfor forventes ikke store gevinster med Brotli eller Gzip. Likevel er serverens ytelse for å servere statiske filer viktig. Hvis du bruker infrastrukturfordeler som LiteSpeed, NVMe-disk og riktig cachekonfigurasjon på Hostragons, kan skrifttypefilene svare mye raskere. Riktig installasjon av SSL på infrastrukturens side er også viktig for HTTP/2 og HTTP/3 ytelse; informasjon om dette kan være nyttig i Guide til installasjon av SSL-sertifikat og HTTPS.

Lokal Hosting av Fonter på WordPress

Fontoptimalisering på WordPress varierer avhengig av tema, plugin og sidebygger. Sjekk først om temaet ditt har muligheten til å deaktivere Google Fonts-forespørslene. Mange moderne temaer gir mulighet for å deaktivere Google Fonts i typografisk innstillinger. Elementor, Gutenberg-blokker eller slider-plugins kan også ha sine egne fontinnstillinger. Gjennomgå alle komponenter for å forhindre at den samme fonten lastes ned flere ganger fra forskjellige kilder.

Den teknisk reneste metoden er å hoste skrifttypefilene i barne-temaet og legge til CSS-definisjoner i temaets stilfil. Det er også mulig å bruke en plugin for lokal hosting av fonter; men å øke antallet plugins unødvendig kan være i strid med ytelsesmålene. Hvis du bruker en plugin, sjekk oppdateringsdato, PHP-kompatibilitet og kompatibilitet med cache-plugin.

Husk å ta backup av WordPress-nettstedet ditt før du gjør endringer. Når du fjerner fontforespørslene, kan du ved et uhell ødelegge ikonfonter eller stiler i administrasjonspanelet. Spesielt på WooCommerce-nettsteder bør du teste handlekurv, betalings- og kontosider. Hvis du leter etter en ytelsesfokusert infrastruktur for ditt bedrifts WordPress-nettsted, kan du vurdere WordPress hosting pakker i innholdet ditt.

Kontrolliste for Teknisk SEO og Core Web Vitals

Å optimalisere fonter er ikke nok til bare å sjekke "åpner nettstedet seg?". Du må måle, sammenligne tidligere og nåværende verdier, og utføre tester som er nær den virkelige brukeropplevelsen. Nedenfor er en praktisk sjekkliste for å komme i gang.

• Bekreft i Network-fanen at eksterne fontforespørsel som Google Fonts, fonts.gstatic eller lignende er fjernet.
• Hold det totale antallet skrifttypefiler, hvis mulig, mellom 2-4.
• Sjekk at du bruker WOFF2-format og at filstørrelsene er rimelige.
• Test font-display: swap eller i passende scenario optional.
• Unngå unødvendig preload for alle skrifttyper unntatt den mest kritiske som brukes på den første skjermen.
• Kontroller at Cache-Control-overskriftene er egnet for langvarig caching.
• Test at alle norske tegn vises korrekt i alle nettlesere.
• Sammenlign mobilresultatene fra PageSpeed Insights, Lighthouse og WebPageTest med før endringene.

Ikke stol på et enkelt testresultat. Nettverksforhold, serverbelastning og teststed påvirker resultatene. Det er sunnere å utføre minst tre tester og se på det gjennomsnittlige resultatet. Hvis LCP reduseres fra 2,8 sekunder til 2,3 sekunder, er dette en betydelig forbedring. Hvis CLS øker etter fontoptimalisering, må du vurdere valg av fallback-font og skrifttypemetrikkene på nytt.

Vanlige Feil

Bruke for mange skrifttypefamilier

Den vanligste feilen er å gå for unødvendig variasjon i designet. Når du bruker én skrifttype for overskrifter, en annen for paragraf, en tredje for knapper og en fjerde for sitater, øker ytelseskostnadene. De fleste profesjonelle nettsteder kan skape en sterk visuell identitet med én eller to skrifttypefamilier. Konsistens i typografi er viktig for både hastighet og merkeoppfatning.

Velge feil fallback-font

Systemfonten som vises før den spesielle fonten lastes, kan føre til tekstforskyvninger hvis den har veldig forskjellige mål. Dette kan øke CLS-verdien. Når du velger fallback-font, må du være oppmerksom på likhet i x-høyde, bokstavbredde og linjehøyde. Test alternativer som system-ui, Arial, Helvetica, Georgia i henhold til designet ditt.

Preloade alt

Preload er et kraftig verktøy, men det kan være skadelig når det brukes feil. Å preload alle skrifttypevekter kan forstyrre nettleserens prioriteringer. Dette kan forverre LCP i sider med hero-bilder i stedet for å forbedre det. Ta preload-beslutninger basert på reell bruk og testresultater på den første skjermen.

Å overse lisensvilkår

Ikke alle fonter er gratis eller har ubegrensede bruksrettigheter. Lisensbetingelsene for web-bruk av kommersielle fonter kan variere. Å publisere en skrifttype som ikke tillater lokal hosting kan føre til juridiske risikoer. Arkiver lisensdokumentene før du publiserer fonter og oppbevar dem i prosjektets dokumentasjon.

Sikkerhet, Personvern og Infrastrukturens Størrelse

Lokal hosting av fonter handler ikke bare om hastighet; det gir også fordeler for personvern og sikkerhet. Når eksterne fonttjenester benyttes, kan besøkendes nettlesere sende forespørsel til tredjeparts domenenavn. I noen bransjer må dette vurderes i forhold til GDPR og databehandlingsprosedyrer. Med lokal hosting skjer skrifttypeforespørslene via ditt eget domene, så datatilgangen blir mer forutsigbar.

På infrastrukturens side er HTTPS et krav. Hvis skrifttypefiler hentes via HTTP, kan det oppstå mixed content-problemer eller nettleserblokker. Riktig DNS-konfigurasjon, SSL-sertifikat og hostingytelse spiller en grunnleggende rolle her. Hvis du starter et nytt prosjekt, kan du vurdere siden Domenesjekk og registrering for domenenavnvalg, SSL-sertifikater for sikker publisering, og Hostragons hostingløsninger for robust hosting.

Hvis du også bruker CDN, må du sjekke CORS-innstillingene for skrifttypefilene. Hvis fonter serveres fra forskjellige underdomener, kan Access-Control-Allow-Origin-headeren være nødvendig. Ellers kan nettleseren nekte å laste ned og bruke skrifttypefilene. Å servere fra samme domenenavn er mye enklere og mer problemfritt for de fleste små og mellomstore nettsteder.

Hvordan Måle Ytelsesgevinster?

Beviset på vellykket optimalisering er målinger. Først, registrer den nåværende situasjonen: totalt antall skrifttypeforespørsel, total skrifttype størrelse, LCP, CLS og total lastetid. Deretter gjennomfører du lokal hosting og tester de samme sidene med de samme verktøyene. Mål ulike maler som forsiden, blogginnlegget, kategorisiden og eventuelle produktsider hver for seg.

I et eksempel kan en blogg med 6 skrifttypeforespørsel og 420 KB skrifttype-data, etter optimalisering, redusere til 2 skrifttypeforespørsel og 96 KB skrifttype-data. Den mobile Lighthouse ytelsespoengsummen kan stige fra 72 til 86; LCP kan falle fra 3,1 sekunder til 2,4 sekunder. Disse tallene er ikke garantert, siden bilder, JavaScript og serverrespons også påvirker resultatene. Men fontoptimalisering er ofte en av de enkleste og raskest målbare forbedringene som kan implementeres.

For virkelige brukerdata gir Chrome User Experience Report, Search Console Core Web Vitals-rapporten eller RUM-verktøy verdifulle innsikter. Laboratorietester er gode for å oppdage problemer; virkelige brukerdata viser effekten av optimalisering ute i felten. Hvis nettstedet ditt har høy trafikk, er det tryggere å implementere endringen først i staging-miljøet, og deretter i lavrisiko-timer.

Praktisk Mini-plan: Fontoptimalisering på 60 minutter

Hvis tiden din er begrenset, kan du raskt komme i gang med følgende plan. I de første 10 minuttene, bruk DevTools til å liste opp eksisterende skrifttypeforespørsel og ta et skjermbilde. I løpet av de neste 10 minuttene identifiserer du skrifttypefamilien og vektene som faktisk brukes i designet. Last ned nødvendige WOFF2-filer, sjekk de norske tegnene, og last dem opp til /assets/fonts-mappen i løpet av 15 minutter.

Deretter i 15 minutter legger du til CSS @font-face-definisjoner, bruker font-display: swap, og fjerner gamle eksterne fontlenker. I de siste 10 minuttene utfører du mobiltesting, bekrefter at det ikke er noen gjenværende eksterne skrifttypeforespørselen i Network-fanen, og sjekker siden i forskjellige nettlesere. Etter dette kan du ta for deg mer avanserte optimaliseringer som cache-overskrifter, preload og subset.

Denne planen gir raske resultater, spesielt for små bedriftssider, blogger og bedriftsbrosjyrer. For større e-handels- eller SaaS-prosjekter er det imidlertid mer hensiktsmessig å vurdere fontoptimalisering sammen med designsystemet, komponentbiblioteket og distribusjonsprosessen.

Konklusjon

Lokal hosting av fonter er en effektiv metode for å forbedre nettstedets hastighet, brukeropplevelse og teknisk SEO-kvalitet når det gjøres riktig. De viktigste punktene inkluderer å bruke WOFF2, fjerne unødvendige skrifttypevekter, definere font-display, nøye preload kritiske fonter, og servere filene med sterke cache-innstillinger. Denne prosessen alene løser ikke alle ytelsesproblemer; men den kan gi raske, pålitelige og målbare gevinster.

Jo sterkere hostinginfrastrukturen din er, jo mer nytte får du av optimaliseringene. Hvis du ønsker å gjøre nettstedet ditt raskere og sikrere, kan du se på Hostragons sine hosting-, domenenavn- og SSL-løsninger; og implementere fontoptimalisering som en del av din generelle ytelsesplan. Mål alltid først, deretter forbedre, og bekreft resultatene med brukeropplevelsen.

Ofte Stilte Spørsmål

Er lokal hosting av fonter alltid raskere enn Google Fonts?

Ikke nødvendigvis. Hvis du har riktig cache, WOFF2, færre filer og god serverrespons, er det vanligvis mer forutsigbart og raskt. Men feilkonfigurerte lokale fonter kan være tregere enn optimalisert ekstern bruk.

Hvilket skrifttypeformat bør jeg bruke for self-host fonts?

For moderne nettsteder er WOFF2 i de fleste tilfeller det beste valget. Det gir mindre filstørrelse og bred nettleserstøtte. TTF- eller OTF-filer er vanligvis overdimensjonerte for webytelse.

Hvor mange skrifttypevekter er ideelt?

For de fleste nettsteder er vektene 400 og 700 tilstrekkelige. I noen design kan 500 eller 600 legges til; men hver ny vekt betyr ekstra fil- og lastingskostnader. Unngå å inkludere ubrukte vekter.

Er det påbudt å bruke font-display: swap?

Det er ikke obligatorisk, men det anbefales i de fleste scenarier. Det gjør at teksten kan vises med systemfonten inntil den spesielle fonten er lastet, og reduserer problemet med usynlig tekst. Det bør velges passende fallback-font for å unngå CLS.

Må jeg bruke en plugin for lokal font hosting på WordPress?

Nei, det er ikke nødvendig. Å laste opp skrifttypefilene i barne-temaet og definere dem i CSS er en av de reneste metodene. Men hvis du har begrenset teknisk kunnskap, kan du også bruke en pålitelig og oppdatert plugin.