CSS: gebruik je desktoplettertypen op je website

“Hoe gebruik je .OTF-lettertypen (of andere desktoplettertypen) op je website?”

Wil je je desktoplettertypen op je website gebruiken? Doe dan het volgende!

CSS

1. Kies je lettertypen en zet ze op je server.
2. Kopieer de code hieronder en plak die in je stylesheet.
3. Vervang 'FONT1' in font-family, zowel bij @font-face als bij p, door de naam van je eigen lettertype.
4. Je kunt normal zo nodig veranderen in bold.

@font-face {
	font-family: 'FONT1';
	src: url("../fonts/YOUR-FONT-LOCATION.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
}
p { 
	font-family: 'FONT1', sans-serif; 
}