Af

Sådan ændrer du skrifttypen i WordPress

Hvilken skrifttype (font) der på din hjemmeside/blog afhænger af, hvilket WordPress tema som du har installeret. Men det ikke altid, at man er så vild med den. Eller det kan være, at man gerne vil ændre skriftstørrelsen eller -farven.

Men hvordan gør man så lige det?

Det er faktisk slet ikke så svært. Og i denne guide vil jeg netop vise dig, hvordan du ændrer skrifttypen til lige den skrifttype, som du ønsker. Samt hvordan du kan ændre din skrifttypes farve, størrelse mv.

Brug Google Fonts

Når du skal vælge din nye skrifttype, kan jeg anbefale at bruge Google Fonts. Her finder du over 700 forskellige skrifttyper, som du nemt kan implementere på din hjemmeside.

Google Fonts

Det implementeres manuelt ved, at du opretter et såkaldt kald til Googles Font bibliotek via din header.php fil, og derudover ændrer din style.css fil i dit child tema.

Men men men .. Synes du ovenstående lyder lidt for kompliceret, så findes der også en langt nemmere metode. Nemlig vha. WordPress pluginet: Easy Google Fonts.

Sådan bruger du Easy Google Fonts

Det første du skal gøre er naturligvis at få installeret Easy Google Fonts via Plugins Tilføj nyt.

Installer Easy Google Fonts

Herefter går du ind under Udseende Tilpas ude i venstre sidebar.

Her kommer du ind på en ny side, hvor du kan ændre din hjemmesides design. Her vælger du Typography og derefter Default Typography.

Skift font

Nu kan du så ændre din skrifttype. Lad os sige, at du gerne vil ændre skrifttypen på din brødtekst.

Tryk derfor på Edit Font ud for Paragraphs. Og herefter på boksen nedenunder Font Family. Her kan du så vælge blandt Google Fonts mange skrifttyper.

Vælg skrifttype

I nedenstående eksempel har jeg valgt skrifttypen Palanquin. Når jeg valgt den, kan jeg med det samme se, hvordan den ser ud på selve min blog. Det er da smart, ikk’?

Se font live

På samme måde kan du prøve de forskellige skrifttyper igennem, indtil du finder den, som du mener passer bedst til lige netop din hjemmeside.

Udover skrifttypen kan du også ændre:

  • Font Weight/Style: Hvor fed teksten skal være
  • Text Decoration: Skal der være under-, over eller gennemstregninger ved teksten
  • Text Transform: Skal hele være teksten stor, lille mv.

Går du ind under Appearance, kan du desuden vælge skrifttypens farve, baggrundsfarve, størrelse, linjeafstand samt afstanden mellem de forskellige bogstaver.

Rediger teksten

Mens du under Positioning bl.a. kan vælge afstanden mellem dine forskellige afsnit mv.

Afsnit afstand

Og hvis du på samme måde vil ændre skrifttypen på dine overskrifter, vælger du bare Edit Font ud for Header i stedet for Paragraphs i starten.

Ændre font på overskrift

Når du er færdig med redigeringen af din skrifttype, trykker du bare på Gem & Udgiv oppe i toppen af siden.

Gem og udgiv

Så vil din skrifttype være ændret. Det var da ikke så svært, vel?

Det er naturligvis vigtigt, at du ikke afinstallerer Easy Google Fonts. Gør du det, vil din skrifttype skifte tilbage til dens oprindelige skrifttype.

Hvilken Google Fonts skal du vælge?

Det kan tage sin tid, hvis du vil prøve alle Google Fonts +700 skrifttyper på din hjemmeside.

Derfor har jeg herunder samlet mit top 10 af deres skrifttyper. Start derfor med at prøve dem. Hvis du så stadig ikke bryder dig om én af dem, kan du så derefter prøve flere af.

  • Open Sans
  • Arvo
  • Lato
  • Vollkorn
  • Ubuntu
  • Muli
  • PT Sans
  • Oswald
  • Droid Sans
  • Roboto

Har du spørgsmål eller lignende, så skriv endelig nede i kommentarfeltet. Så vil jeg hellere end gerne hjælpe dig. 

Læs også

11 kommentarer til Sådan ændrer du skrifttypen i WordPress

  1. Jonas siger:

    Hej,
    Tak for en super god guid.

    Men jeg kan desværre ikke ændre skrift typerne på alle katagorier og under katagorier ?

    Jeg har hentet et tema fra engine ?

    Mvh
    Jonas

  2. Jonathan Lindahl siger:

    Hej Jonas
     
    Velbekomme. Det glæder mig, at du kan bruge min guide.
     
    Mit umiddelbare bud vil være, at der i dit tema også er angivet en skrifttype (font-family) for dine kategorier og under-kategorier, hvorfor skrifttypen også skal ændres der. Har du mulighed for lige at sende en URL til din hjemmeside, så kan jeg lynhurtig lige af-/bekræfte det.
     
    / Jonathan

    • Jonas siger:

      Hej igen og tak for hurtig tilbagmedling,

      Min hjemmeside er deaktive og kan desværre ikke ses da den er under construction.
      Ja det er helt rigtigt, men hvor kan jeg finde den font-family?.

      Mht oversættelse, så har jeg også fulgt din anden god guid omkring dette, desværre lykkes det heller og har over 1200 sætning /ord skal oversættes . Har du et bud at oversætte på en hurtig måde ?.

      Mvh
      Jonas

  3. Maja thygesen siger:

    Hej,

    Tak for et hjælpsomt indlæg. Kan dog stadig ikke regne ud, hvordan jeg ændrer selve “hovedoverskriften” på selve siden?

    mvh Maja

  4. Jonathan Lindahl siger:

    Hej Maja
     
    Tak for dit spørgsmål.
     
    Når du er inde under “Typography” i “Tilpas”, så burde der være felter som hedder “Heading 1”, “Heading 2” osv. (jf. http://screencast.com/t/vu07ussCX1). Disse er overskrifterne på dine side. Ændrer du disse, burde din hovedoverskrift og resterende overskrifter ændres.
     
    Skriv endelig, hvis du ikke lige kan finde det :-)

  5. Maj siger:

    Hej Jonathan :-)

    Tak for dejlig beskrivelse. Lige til at gå til :-) Dog står jeg lidt i samme problem som de andre. Jeg kan ikke ændre skrifttypen ALLE steder på min hjemmeside, hvilket jeg jo egentlig gerne vil. I min højre widget kan jeg ikke ændre under kategorier m.m.

    Har du et mulig svar på det?

    Kh Maj :-)

  6. Jonathan Lindahl siger:

    Hej Maj
     
    Tak for dit spørgsmål (og beklager det sene svar). Nej, plugin’et er desværre lidt begrænset der, da det ikke kan redigere skrifttypen alle steder på alle temaer. Det er selvfølgelig muligt at ændre skrifttypen ude i din widget, men så bliver det lidt mere avanceret, da du skal ændre i din .CSS fil. Har du mod på det, så prøv at se denne video: https://www.youtube.com/watch?v=bWhFfbYPpVA.
     
    I videoen redigerer han direkte i hans style.css. Jeg vil dog anbefale, at du bruger en custom.css i stedet, så dine ændringer ikke bliver overskrevet, når du opdaterer dit tema. Visse temaer har en custom.css, ellers kan du bruge et plugin som fx: https://da.wordpress.org/plugins/wp-add-custom-css/.
     
    Håber det kan hjælpe dig :)

  7. Pi Waade siger:

    Hej Jonathan,

    Tak for at du deler din viden :-)
    Imidlertid findes punkter ‘Typography’ ikke under den side som kommer frem ved at trykke ‘Udseende* og dernæst ‘Tilpas’. Jeg opgraderede min WordPress igår … kan det ha noget med det at gøre ?

    Håber du har mulighed for at hjælpe mig.
    På forhånd tak !

    Hilsen :-)Pi

  8. Pi Waade siger:

    …… OG – er der noget om snakken der siger, at hvis ikke gæsten på din hjemmeside har den font du har brugt, – på sin side ….. ja, – så vises din side med en eller anden standard – som du ikke kan kontrollere ?

    Igen – hilsen :-)Pi

  9. Jonathan Lindahl siger:

    Hej Pi Waade
     
    Velbekomme og tak for dit spørgsmål.
     
    Det burde umiddelbart ikke have noget med det at gøre. Er du sikker på, at du har aktiveret pluginet (det kan du se under “Plugins” > “Installerede plugins”.
     
    Ja, det er rigtigt, at en bruger vil få vist en anden font, hvis browseren ikke kan vise den ønskede font (det er dog et sjælden tilfælde). Du kan ikke med plugin’et “Easy Google Fonts” bestemme, hvilken font der så skal vises. Det skal du ind og ændre i din .CSS fil, hvilket er lidt mere teknisk.

Skriv et svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *