Binnen veel thema’s heb je de mogelijkheid om Google Fonts in te laden. Mocht je nu toch een ander font willen hebben dan kun je dit inladen en via CSS selecteren op basis van een class. Je hebt een .woff en .woff2 lettertype bestand nodig. Let wel op dat je een font gebruikt waar je een licentie voor hebt. Hoe laad je een font via CSS?
@font-face { font-family: 'quotefont'; src: url('https://jouwwebsite.nl/wp-content/themes/theme/font/fontnaam.woff2') format('woff2'), url('https://jouwwebsite.nl/wp-content/themes/theme/font/fontnaam.woff') format('woff'); font-weight: normal; font-style: normal;}
Hoe selecteer je dan het font op bijvoorbeeld een H2?
h2 {
font-family: quotefont !important;
}
Uiteraard kun je vervolgens nog meer aan deze styling meegeven als grootte, letter-spacing en line-height.