HTML:
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<style type="text/css">
@font-face {
font-family: 'Deutsch';
src: url('Deutsch-gothic.ttf');
}
p#fonter {
font-family: 'Deutsch', monospace;
}
</style>
</head>
<body>
<p id="fonter">Das ist ein Test</p>
</body>
</html>
Ich möchte eine eigene Font verwenden, wofür es auch Cross-Browser-Lösungen gibt. Nun wollte ich einfach erstmal schauen, ob es zumindest in einem der Browser funktioniert. Das da oben ist der komplette Code, jedoch wird mein Paragraph in monospace Ausgegeben und nicht in der von mir gewünschten Font. Die Datei Deutsch-gothic.ttf befindet sich im selben Ordner wie das .html-Dokument. Hat jemand eine Idee, was ich da falsch mache? Es sollte ja zumindest in Firefox laufen.
Viele Grüße und danke im Voraus.