kostenloser Webspace werbefrei: lima-city

Importierte Schriften im Canvas verwenden.

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

1. Autor dieses Themas

   c143

   c143 hat kostenlosen Webspace.

   3:13, 3.2.2013

   Hallo, ich würde gerne eine eigene Schrift importieren und im Canvas benutzen, ich habs mal mit CSS versucht:
   
   

   @font-face {
   	font-family: 'Schrift';
   	src: url('Schrift.tff');
   }

   
   
   Dachte mir aber schon, dass das nicht gehen wird. Geht es auf irgend eine Weise?
   
   Beitrag zuletzt geändert: 3.2.2013 3:13:27 von c143

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

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

3. fatfreddy

   

   fatfreddy hat kostenlosen Webspace.

   3:28, 3.2.2013

   Schau dir mal Google Webfonts an.
   
   Das funktioniert zwar nicht mit "eigenen" Schriften, aber Du wirst dort sicher einen passenden Schriftschnitt finden und damit funktioniert es dann sehr gut.
   
   
   Beitrag zuletzt geändert: 3.2.2013 3:30:11 von fatfreddy

4. czibere

   

   czibere hat kostenlosen Webspace.

   4:16, 3.2.2013

   c143 schrieb:
   ...

   @font-face {
   	font-family: 'Schrift';
   	src: url('Schrift.tff');
   }

   ...

   es geht, aber nicht so. das ist richtig:

   @font-face {
     font-family: "<Schrift>"; 
     src: local("<Schrift>"),
     url("http://<host>/<path2file>/<Schrift>.ttf")
     format("TrueType")
   }

   
   
   ==== edit ====
   eine gute seite dazu: http://nicewebtype.com/notes/2009/10/30/how-to-use-css-font-face/
   
   Beitrag zuletzt geändert: 3.2.2013 4:22:53 von czibere
5. Autor dieses Themas

   c143

   c143 hat kostenlosen Webspace.

   4:22, 3.2.2013

   czibere schrieb:
   

   c143 schrieb:
   ...

   @font-face {
   	font-family: 'Schrift';
   	src: url('Schrift.tff');
   }

   ...

   es geht, aber nicht so. das ist richtig:

   @font-face {
     font-family: "<Schrift>"; 
     src: local("<Schrift>"),
     url("http://<host>/<path2file>/<Schrift>.ttf")
     format("TrueType")
   }

   
   
   Danke, stimmt. Aber nur wenn ichs mit url angebe, local funktioniert es nicht, und so braucht es etwa 4 sec um zu laden. :/ Wenn ichs einfach im selben ordner habe wie meine .html datei, dann kann ich doch einfach Schrift.TTF angeben, oder?

6. czibere

   

   czibere hat kostenlosen Webspace.

   4:30, 3.2.2013

   c143 schrieb:
   ..., stimmt. Aber nur wenn ichs mit url angebe, local funktioniert es nicht, und so braucht es etwa 4 sec um zu laden. :/

   in dem beispiel von mir sind beide urls angegeben [src:local und url] ;)
   
   

   Wenn ichs einfach im selben ordner habe wie meine .html datei, dann kann ich doch einfach Schrift.TTF angeben, oder?

   dann

   src: local("<Schrift>")

   aber ob das dann ohne url von außen (sprich im web) auch sichtbar ist ???
7. Autor dieses Themas

   c143

   c143 hat kostenlosen Webspace.

   4:39, 3.2.2013

   czibere schrieb:
   

   Wenn ichs einfach im selben ordner habe wie meine .html datei, dann kann ich doch einfach Schrift.TTF angeben, oder?

   dann

   src: local("<Schrift>")

   aber ob das dann ohne url von außen (sprich im web) auch sichtbar ist ???

   
   
   Klar, liegt ja auf dem Server. Hab grad herausgefunden das erste mal lädts garnicht, erst beim zweiten mal wirds angezeigt. Also muss es iwie zuerst laden und dann kanns erst anzeigen O.o

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

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

Dir gefällt dieses Thema?