kostenloser Webspace werbefrei: lima-city

Kann keine neue Schriftart auf CSS installieren

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   pako-webdesign

   pako-webdesign hat kostenlosen Webspace.

   17:11, 27.2.2013

   Hi,
   ich versuche gerade mir die Avantgarde Schriftart auf meiner Website zu installieren, aber es geht nicht:
   

   @font-face
   {
   font-family:Avantgarde;
   src: url(AvantGarde-Book.ttf);
   }
   body
   {
   font-family:Avantgarde;
   }

   
   
   Alles bleibt bei der Standardschriftart

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. fabo

   fabo hat kostenlosen Webspace.

   17:19, 27.2.2013

   font-family: 'Avantgarde';
   src : url("AvantGarde-Book.ttf");

   
   
   Könnte an fehlenden Hochkommas/Gänsefüsschen liegen, insofern die ttf-Datei im selben Verzeichnis liegt wie die CSS, die sie aufruft.
   
   Beitrag zuletzt geändert: 27.2.2013 17:20:48 von fabo

4. fatfreddy

   

   fatfreddy hat kostenlosen Webspace.

   17:20, 27.2.2013

   Paßt der Pfad zur Schriftdatei?
   Hast Du auf Groß-/Kleinschreibung des Dateinamens geachtet?
   

5. fabo

   fabo hat kostenlosen Webspace.

   17:21, 27.2.2013

   Laut TTF (unabhängig vom Dateinamen) heißt die Schrift übrigens "Avantgarde-Book" und nicht "Avantgarde" ;)
   
   Beitrag zuletzt geändert: 27.2.2013 17:22:08 von fabo

6. gorgon

   gorgon hat kostenlosen Webspace.

   17:26, 27.2.2013

   Hochkommata fehlen definitiv
   würde noch zusätzlich format('truetype') mitgeben
   

   src : url("AvantGarde-Book.ttf") format('truetype')

   
   
   Beitrag zuletzt geändert: 27.2.2013 17:28:53 von gorgon

7. fabo

   fabo hat kostenlosen Webspace.

   17:30, 27.2.2013

   Ich würde mir die anderen Files des Fonts auch noch besorgen, für maximale Kompabilität (eot, woff, ttf & svg).
   
   

   @font-face {
       font-family: 'AvantGarde-Book';
       src: url('Avantgarde-Book.ttf') format('truetype');
       font-weight: normal;
       font-style: normal;
   }
   
   body {
       font-family: 'AvantGarde-Book';
   }

   
   
   Beitrag zuletzt geändert: 27.2.2013 17:30:46 von fabo
8. Autor dieses Themas

   pako-webdesign

   pako-webdesign hat kostenlosen Webspace.

   17:35, 27.2.2013

   Es lag an meinem Browser, der hat die Schriftart nicht anzeigen können
   
   Beitrag zuletzt geändert: 27.2.2013 17:39:02 von pako-webdesign

9. fabo

   fabo hat kostenlosen Webspace.

   17:58, 27.2.2013

   pako-webdesign schrieb:
   Es lag an meinem Browser, der hat die Schriftart nicht anzeigen können

   
   
   Du hast's doch aber in deiner CSS geändert. Also lag es scheinbar nicht nur an deinem Browser :)

10. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?