kostenloser Webspace werbefrei: lima-city


Importierte Schriften im Canvas verwenden.

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    c143

    c143 hat kostenlosen Webspace.

    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. Schau dir mal Google Webfonts an. :wink:

    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. 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.

    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. 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.

    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?

Über lima-city

Login zum Webhosting ohne Werbung!