nicht angemeldet
Ich möchte Schriftarten mittels @font-face in meine Webseiten einbinden. Leider will die Einbindung einfach nicht klappen, trotz mehrfacher Kontrolle. Wer kann mir Hilfestellung geben? Fehler im Quelltext? Übersehe ich etwas anderes?
CSS-Quelltext:
body {
background-color: #FFFFFF;
font-family: arial, helvetica, verdana, trebuchet, sans-serif;
font-size: 12px;
line-height: 17px;
text-align:justify;
color: #3C3C3C;
}
@font-face {
font-family: 'arizona';
src: url('fonts/arizona.ttf') format('truetype');
font-family: 'lmroman';
src: url('fonts/lmroman10-regular.otf') format('opentype');
}
h1 {
font-family: arizona, lmroman, Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
text-align: center;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #800000;
}
HTML-Quelltext:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="content-language" content="de">
<link rel="stylesheet" type="text/css" href="design5.css">
<title>test6</title>
</head>
<body>
<h1>Hier erscheint die mit font-face gestaltete Überschrift</h1>
</body>
</html>
Die mit @font-face zugänglich gemachten Schriftarten werden aber nicht eingebunden. Wo liegt der Fehler? Bin für entsprechende Hinweise und Tipps sehr dankbar.
Grundsätzliches:
- Die einzubindenden Schriftartdateien liegen direkt auf dem Webserver in einem Ordner "fonts", der ein Unterordner des html-verzeichnisses ist.
- Einzubindende Schriften stammen von fontsquirrel.com
- Schriftart 1: arizona.ttf (Truetype)
- Schriftart 2: lmroman10-regular.otf (Opentype)
Grundlage die Einbindung entstammt dem folgenden SELFHTML-Artikel:
https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Schriftformatierung/@font-face
Gunnar Bittersmann
Auge
Matthias Apsel
TS