CSS: Nutze deine Desktop-Schriften auf deiner Website

„Wie nutzt man .OTF-Schriften (oder andere Desktop-Schriften) auf seiner Website?“

Wenn du deine Desktop-Schriften auf deiner Website nutzen möchtest, gehst du so vor!

CSS

1. Wähle deine Schriften aus und lege sie auf deinem Server ab.
2. Kopiere den Code unten und füge ihn in dein Stylesheet ein.
3. Ersetze 'FONT1' in font-family sowohl bei @font-face als auch bei p durch den Namen deiner Schrift.
4. Bei Bedarf kannst du normal in bold ändern.

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