Hvordan man kan tilføje Google Fonts til sin Divi WordPress

Typography er et ofte diskuteret emne i design generelt. Den forkerte font kan ødelægge det professionelle udtryk på ens hjemmeside og skabe en ubevidst utryghed hos kunden, som så vil søge andre steder hen. Derimod en flot font, som passer i stil og tone til det produkt man prøver at sælge, kan man komme rigtig langt.

Der er en masse gratis fonts man kan vælge imellem på nettet, men man skal ofte lede længe og vide præcis hvad man skal bruge, da det kan være lidt som at finde en nål i en høstak.

Adobe Typekit og Google Fonts er glimrende sider til at kunne finde den rigtige font, da de har sat det op på en nem og overskuelig måde. Det kan være en rigtig god ide at tilføje fonts til sin WordPress, så her kommer der en lille guide til hvordan man gør.

Sådan tilføjer du Google Fonts til din Divi hjemmeside.

1. Vælg din font

Kopier dette link der står under standard <link href=”https://fonts.googleapis.com/css?family=Ranga” rel=”stylesheet”>

2. Tilføj til Header kode

Gå til Divi Temaindstillinger > Integration > sæt så koden ind i head (ikke body), og gem.

3. Giv Fonten Classer, Tags, og Elements

Gå tilbage til Google Fontsiden og gå ned til: Integrate the fonts into your CSS” og kopier koden. I vores tilfælde skriver vi:

font-family: ‘Ranga’, cursive;

Nu skal du tilføje elementerne i Divi Temaindstillinger > Generalt > Custom CSS. F.eks. hvis du vil have header 1 og 2 to skal have den nye font, kan vi bruge::

h1, h2 {
font-family: 'Ranga', cursive;
}

Sådan! Håber det var en hjælp.

Meld dig til vores nyhedsbrev

Meld dig til vores nyhedsbrev

Meld dig til vores nyhedsbrev og få spændende nyheder hver uge!

Du er nu tilmeldt nyhedsbrevet!