Schrift mit @font-face einbinden: Wo ist der Fehler? bearbeitet von Sanddorn22 28.01.2017 00:35 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: ~~~css 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 <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:** 1. Die einzubindenden Schriftartdateien liegen direkt auf dem Webserver in einem Ordner "fonts", der ein Unterordner des html-verzeichnisses ist. 2. Einzubindende Schriften stammen von fontsquirrel.com 3. Schriftart 1: arizona.ttf (Truetype) 4. Schriftart 2: lmroman10-regular.otf (Opentype) Grundlage die Einbindung entstammt dem folgenden SELFHTML-Artikel: https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Schriftformatierung/@font-face
Schrift mit @font-face einbinden: Wo ist der Fehler? bearbeitet von Sanddorn22 28.01.2017 00:54 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? CSS-Quelltext: ~~~css 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 <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 offenbar nicht eingebunden. Wo liegt der Fehler? Bin für entsprechende Hinweise und Tipps sehr dankbar. **Grundsätzliches:** 1. Die einzubindenden Schriftartdateien liegen direkt auf dem Webserver in einem Ordner "fonts", der ein Unterordner des html-verzeichnisses ist. 2. Einzubindende Schriften stammen von fontsquirrel.com 3. Schriftart 1: arizona.ttf (Truetype) 4. Schriftart 2: lmroman10-regular.otf (Opentype) Grundlage die Einbindung entstammt dem folgenden SELFHTML-Artikel: https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Schriftformatierung/@font-face
Schrift mit @font-face einbinden: Wo ist der Fehler? bearbeitet von Sanddorn22 28.01.2017 00:51 Ich möchte Schriftarten mittels **@font-face** in meine Webseiten einbinden. Leider muss ich irgend etwas im CSS- oder HTML-Code übersehen, denn die Einbindung will einfach nicht klappen. Wer kann mir hier Hilfestellung geben. CSS-Quelltext: ~~~css 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 <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 offenbar nicht eingebunden. Wo liegt der Fehler? Bin für entsprechende Hinweise und Tipps sehr dankbar. Grundsätzliches: 1. Die einzubindenden Schriftartdateien liegen direkt auf dem Webserver in einem Ordner "fonts", der ein Unterordner des html-verzeichnisses ist. 2. Einzubindende Schriften stammen von fontsquirrel.com 3. Schriftart 1: arizona.ttf (Truetype) 4. Schriftart 2: lmroman10-regular.otf (Opentype) Grundlage die Einbindung entstammt dem folgenden SELFHTML-Beitrag: https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Schriftformatierung/@font-face
Schrift mit @font-face einbinden: Wo ist der Fehler? bearbeitet von Sanddorn22 28.01.2017 00:47 Ich möchte Schriftarten mittels **@font-face** in meine Webseiten einbinden. Leider muss ich irgend etwas im CSS- oder HTML-Code übersehen, denn die Einbindung will einfach nicht klappen. Wer kann mir hier Hilfestellung geben. Grundsätzliches: 1. Einzubindende Schriften stammen von fontsquirrel.com 2. Schriftart 1: arizona.ttf (Truetype) 3. Schriftart 2: lmroman10-regular.otf (Opentype) 4. Die einzubindenden Schriftartdateien liegen direkt auf dem Webserver im Ordner "Fonts", der ein Unterordner des html-verzeichnisses ist. CSS-Quelltext: ~~~css 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 <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 Schrift wird leider nicht eingebunden. Wo liegt der Fehler? Bin für entsprechende Hinweise und Tipps sehr dankbar. Grundlage die Einbindung entstammt dem folgenden SELFHTML-Beitrag: https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Schriftformatierung/@font-face
Schrift mit @font-face einbinden: Wo ist der Fehler? bearbeitet von Sanddorn22 28.01.2017 00:42 Ich möchte Schriftarten mittels **@font-face** in meine Webseiten einbinden. Leider muss ich irgend etwas im CSS- oder HTML-Code übersehen, denn die Einbindung will einfach nicht klappen. Wer kann mir hier Hilfestellung geben. Grundsätzliches: 1. Einzubindende Schriften stammen von fontsquirrel.com 2. Schriftart 1: arizona.ttf (Truetype) 3. Schriftart 2: lmroman10-regular.otf (Opentype) 4. Die einzubindenden Schriftartdateien liegen direkt auf dem Webserver im Ordner "Fonts", der ein Unterordner des html-verzeichnisses ist. CSS-Quelltext: ~~~css 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-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>Das ist die mit font-face gestaltete Überschrift</h1> </body> </html> ~~~ Die Schrift wieder leider nicht eingebunden, trotz mehrfacer Überprüfung. Wo liegt der Fehler? Bin für entsprechende Hinweise und Tipps sehr dankbar. Grundlage die Einbindung entstammt dem folgenden SELFHTML-Beitrag: https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Schriftformatierung/@font-face
nicht angemeldet
