Google Fonts er blevet den foretrukne ressource for tilpasset webtypografi siden udviklingen i 2010. Der er tre hovedårsager til, at Google blev frontløber her. For det første var der ingen skrifttypetjenester, som var anstændige nok, så Google udfyldte tomrummet. For det andet, selv i begyndelsen var den variation, de tilbød, forholdsvis stor. I øjeblikket er der over 800 skrifttyper tilgængelige i adskillige stilarter. For det tredje er disse skrifttyper tilgængelige gratis, hvilket gør dem særligt attraktive.
Derudover er de overraskende nemme at integrere i dine designprojekter. Vi viser dig, hvordan du kan inkludere disse Google-skrifttyper på dit WordPress-websted.
Google skrifttyper
For at begynde skal du vælge den skrifttype, du vil arbejde med. Der er en række muligheder, så du har en ret stor menu at vælge imellem. Du kan finde dem ved at gå over til Googles skrifttypeside. Hvis du leder efter en bestemt skrifttype, skal du blot skrive navnet på skrifttypen i søgefeltet, og den skulle komme med et eksempel.
Der er også andre søgeparametre, du kan bruge. Lige under søgefeltet er en knap kaldet Kategorier. Hvis du klikker på dette, vil det afsløre en rullemenu med fem muligheder. Disse er som følger:
- Serif - Disse er skrifttyper med korte linjer, der stammer fra de øvre og nedre streger af et bogstav. Times New Roman og Sylfaen er gode eksempler.
- Sans Serif – Som navnet antyder, er disse skrifttyper uden de små linjer. De har en tendens til at have en enkel og ren æstetik.
- Display – Det er, hvad man kan kalde opmærksomhedsskabende skrifttyper. De er bedst til overskrifter i stedet for lang tekst.
- Håndskrift – Disse skrifttyper får det til at virke som om, nogen har skrevet dem i hånden. Du vil opdage, at mange er i kursiv eller har mindre ensartede mellemrum.
- Monospace - Ligesom en skrivemaskine optager deres bogstaver den samme vandrette bredde. De er meget konsekvent fordelt.
Tilføjet til disse har du også andre muligheder at vælge imellem, såsom at vælge sprog og skrifttypeegenskaber. Sidstnævnte inkluderer antallet af stilarter, tykkelse, skråning og bredde.
Indlejring af skrifttyper i WordPress
Hvis du ønsker at inkludere disse unikke skrifttyper på dit WordPress-websted, er der flere metoder, du kan prøve.
Brug af CSS
Klik på skrifttypen fra Googles valg, og den fører dig til den detaljerede skrifttypeside. I øverste højre hjørne er der et "+"-tegn. Klik på det, og et sidevindue åbnes. Klik på "Indlejr".
Nu kan du klikke @importere. Dette vil åbne den CSS-kode, som du skal kopiere. Gå til dit WordPress-temas stylesheet og indsæt det i begyndelsen. Sørg for, at du har kopieret importlinket uden parenteser. Sørg for at gemme, så har du tilføjet skrifttypen.
Brug af PHP
Følg de første par trin, og kopier det link, du får efter at have klikket på "+"-tegnet. Nu skal du blot tilføje det til dit temas header.php-fil. Husk at gemme, for at skrifttypen kan tilføjes.
Brug af en Javascript-funktion
Du kan også prøve noget kendt som "kø". Du skal bruge funktionen wp_enqueue_style til dette. Gennem denne metode kan du tilføje den valgte skrifttype til overskriftssektionen på alle dine webstedssider. Det er en fantastisk måde at tilføje flere ændringer på én gang.
Hent bare linket til skrifttypen (fra http til ”), og tilføj dette til dit temas functions.php fil med ekstra kode omkring det. Her er den kode, du skal bruge:
funktion custom_add_google_fonts() {
wp_enqueue_style( 'custom-google-fonts', https://fonts.googleapis.com/css2?family=Chelsea+Market&display=swap, falsk );
}
add_action( 'wp_enqueue_scripts', 'custom_add_google_fonts');
Enhver af disse muligheder vil fungere fint til at integrere Google Fonts i dit WordPress-websted, så det er vigtigt at vælge den, du føler dig bedst tilpas med.