Lettertype inladen via CSS

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;
}