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.
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.
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.
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.
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’?
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.
Mens du under Positioning bl.a. kan vælge afstanden mellem dine forskellige afsnit mv.
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.
Når du er færdig med redigeringen af din skrifttype, trykker du bare på Gem & Udgiv oppe i toppen af siden.
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.
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
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
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
Hej Jonas
Har du mulighed for lige at oprette en bruger til mig, og sende login oplysninger til mig via: http://lavegenblog.dk/kontakt/? Så kan jeg lige prøve at kigge på det (helt gratis naturligvis) :-)
Hej,
Tak for et hjælpsomt indlæg. Kan dog stadig ikke regne ud, hvordan jeg ændrer selve “hovedoverskriften” på selve siden?
mvh Maja
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 :-)
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 :-)
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 :)
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
…… 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
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.
Hej Jonathan
Jeg er total nybegynder i WP, men forsøge/læser mig frem
Skal rette/justere i en eksisterende hjemmeside WP
Du skriver om at rette skrifttyper herover og anbefaler at bruge Easy Google Fonts via plugin
MEN jeg har ikke noget der hedder Plugin i mit kontrolpanel –
Hvad skal jeg så bruge for at hente Google Fonts
Hilsen
Jørgen
Hej Jørgen
Hvis der ikke er noget der hedder “Plugins” i dit kontrolpanel, så er det højst sandsynlig fordi, at du ikke har rollen “Administrator” (du kan se din rolle ved at gå ind under “Brugere” > “Alle brugere” og finde din bruger).
Hvis du ikke har rollen “Administrator”, så skal du bede ham/hende som har den rolle om at ændre det for din bruger. Så burde du kunne se “Plugins” i dit kontrolpanel.
Kan det passe, at du ikke har rollen “Administrator”?
Hejsa :-)
Hjælper du mon stadig? Jeg prøver lykken :-)
Jeg vil gerne ændre skrifttypen i selve menuerne på min hjemmeside. Altså dem, man klikker på for at komme videre ind. Min side er pt. under opbygning og hedder http://www.læserum.dk
Som du kan se, falder menuerne næsten i ét med baggrunden. Jeg vil gerne ændre størrelsen og gøre bogstaverne fede. Julen er jo også (næsten) lige om hjørnet med jeg tror ikke, at sovsen kan gøre det ;-)
Mvh. Lise – Læserum.dk
Hej Lise
Jeg beklager det sene svar.
Jeg kan se, at tekstfarven nu er mørk. Så går ud fra, at du fandt en løsning på problemet? :-)
Og god weekend!