kostenloser Webspace werbefrei: lima-city


Schriftarten einbinden

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    yorecords

    Kostenloser Webspace von yorecords

    yorecords hat kostenlosen Webspace.

    Hallo!

    Ich habe folgendes Problem: Ich benutze auf meiner Seite Schriftarten die nicht auf jedem Computer existieren. Ich habe dazu anfangs die .otf Datei einfach mit hochgeladen, funktionierte aber dennoch nicht. Jetzt hab ich es schon so versucht:

    <font src="RosewoodStd-Regular.otf">

    Funktioniert aber natürlich auch nicht.. Weiß wer wie ich sowas mache?
    Danke im Voraus.
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

  3. schnookerippsche

    Kostenloser Webspace von schnookerippsche

    schnookerippsche hat kostenlosen Webspace.

    Das fügst du in deine Css Datei ein:
    @font-face { font-family:RosewoodStd-Regular; src:url(RosewoodStd-Regular.otf);}

    In meinem Fall muss sich die .otf Datei im gleichen Ordner wie die .css Datei befinden.

    Beitrag zuletzt geändert: 2.8.2011 18:36:56 von schnookerippsche
  4. Autor dieses Themas

    yorecords

    Kostenloser Webspace von yorecords

    yorecords hat kostenlosen Webspace.

    schnookerippsche schrieb:
    Das fügst du in deine Css Datei ein:
    @font-face { font-family:RosewoodStd-Regular; src:url(RosewoodStd-Regular.otf);}

    In meinem Fall muss sich die .otf Datei im gleichen Ordner wie die .css Datei befinden.


    Hab das soeben versucht, funktioniert aber nicht... Hab die CSS aber direkt im Head-Teil:

    <style type="text/css">
    <!--
    body {
    @font-face { font-family:RosewoodStd-Regular; src:url(RosewoodStd-Regular.otf);}
    }
    //-->
    </style>

    Hab ich was falsch gemacht?

    Beitrag zuletzt geändert: 2.8.2011 19:09:04 von yorecords
  5. schnookerippsche

    Kostenloser Webspace von schnookerippsche

    schnookerippsche hat kostenlosen Webspace.

    Ja du hast etwas falsch gemacht, denn der Codeteil kommt nicht in den body-Bereich:
    <style type="text/css">@font-face { font-family:RosewoodStd-Regular; src:url(RosewoodStd-Regular.otf);}
    </style>

    Nun kannst du unter der bei "font-family" festgelegten Bezeichnung (in diesem Fall: RosewoodStd-Regular) die Schriftart nutzen.

    Für die Zukunft empfehle ich dir den CSS-Code extern in einer css-Datei auszulagern da man somit alle seine html-Seiten abdecken kann.

    Beitrag zuletzt geändert: 2.8.2011 19:12:00 von schnookerippsche
  6. Autor dieses Themas

    yorecords

    Kostenloser Webspace von yorecords

    yorecords hat kostenlosen Webspace.

    schnookerippsche schrieb:
    Ja du hast etwas falsch gemacht, denn der Codeteil kommt nicht in den body-Bereich:
    <style type="text/css">@font-face { font-family:RosewoodStd-Regular; src:url(RosewoodStd-Regular.otf);}
    </style>

    Nun kannst du unter der bei "font-family" festgelegten Bezeichnung (in diesem Fall: RosewoodStd-Regular) die Schriftart nutzen.


    Ich habs eh zuerst so gemacht, aber als das nicht funktioniert hat hab ich es einmal so versucht..
  7. t*****b

    <style type="text/css">
     @font-face {
      font-family:RosewoodStd-Regular;
      src:url('RosewoodStd-Regular.otf');
     }
     body {
      font-family:RosewoodStd-Regular;
     }
    </style>
  8. schnookerippsche

    Kostenloser Webspace von schnookerippsche

    schnookerippsche hat kostenlosen Webspace.

    Also bei mir funktioniert es:
    http://schnookerippsche.lima-city.de/ (Überschrift ist keine Standard-Schriftart)
    Und hier der Code dazu, gleich ganz oben: http://schnookerippsche.lima-city.de/schnook.css

    Überprüfe bitte noch mal alles wie die .otf-url oder die Datei selbst.

    Edit:
    trueweb schrieb:
    <style type="text/css">
      font-family:RosewoodStd-Regular;
     }
    </style>

    Das ist doch eigentlich logisch das man dem Bereich die Eigenschaft gibt bei dem man es haben will. Ich selbst habe es nur bei der Überschrift:
    h1 {text-shadow: #c0c0c0 3px 3px 5px;
    
    font-family:LuggageRound;}



    Beitrag zuletzt geändert: 2.8.2011 19:28:52 von schnookerippsche
  9. Autor dieses Themas

    yorecords

    Kostenloser Webspace von yorecords

    yorecords hat kostenlosen Webspace.

    schnookerippsche schrieb:
    Überprüfe bitte noch mal alles wie die .otf-url oder die Datei selbst.


    Hab alles mehrmals überprüft, aber es will einfach nicht funktionieren...
    Kanns sein dass es was danit zu tun hat dass das Ziel keine Standart-Schriftgröße sondern h1 ist?

    Edit:

    trueweb schrieb:
    <style type="text/css">
     @font-face {
      font-family:RosewoodStd-Regular;
      src:url('RosewoodStd-Regular.otf');
     }
     body {
      font-family:RosewoodStd-Regular;
     }
    </style>


    Yiiihaaa.. Damit funktionierts. Danke!

    Edit2:
    Ok, bei mir funktionierts, aber ich hab keine Ahnung obs auf einem anderen PC auch funktioniert. Weil es ist ja klar dass die Schriftart bei mir jetzt angezeigt wird, ich hab sie ja am PC.. Aber ob er die URL anerkennt weiß ich trotzdem nicht..

    Beitrag zuletzt geändert: 2.8.2011 19:33:15 von yorecords
  10. schnookerippsche

    Kostenloser Webspace von schnookerippsche

    schnookerippsche hat kostenlosen Webspace.

    yorecords schrieb:
    Edit2:
    Ok, bei mir funktionierts, aber ich hab keine Ahnung obs auf einem anderen PC auch funktioniert. Weil es ist ja klar dass die Schriftart bei mir jetzt angezeigt wird, ich hab sie ja am PC.. Aber ob er die URL anerkennt weiß ich trotzdem nicht..

    Bei meiner Webseite funktionierts ja auch. Wenn du willst/kannst könntest du uns ja den Link zu deiner Seite schicken.
  11. Autor dieses Themas

    yorecords

    Kostenloser Webspace von yorecords

    yorecords hat kostenlosen Webspace.

    schnookerippsche schrieb:
    Bei meiner Webseite funktionierts ja auch. Wenn du willst/kannst könntest du uns ja den Link zu deiner Seite schicken.


    Die jetzige Version ist leider noch nicht online.. Webspace ist ja voll. Aber sobald wieder Platz ist aktualisier ich sie sofort.

    www.theyorecords.de
  12. schnookerippsche

    Kostenloser Webspace von schnookerippsche

    schnookerippsche hat kostenlosen Webspace.

    Dann lösche die Schriftart mal von deinem PC und schaue obs trotzdem noch richtig angezeigt wird.

    Beitrag zuletzt geändert: 2.8.2011 19:51:14 von schnookerippsche
  13. Autor dieses Themas

    yorecords

    Kostenloser Webspace von yorecords

    yorecords hat kostenlosen Webspace.

    schnookerippsche schrieb:
    Dann lösche die Schriftart mal von deinem PC und schaue obs trotzdem noch richtig angezeigt wird.


    Mhm.. Wenn ich sie lösch gehts wieder nicht...
  14. schnookerippsche

    Kostenloser Webspace von schnookerippsche

    schnookerippsche hat kostenlosen Webspace.

    Entschuldigung, Da habe ich mich stumpfsinnig ausgedrückt. Natürlich soll die Font-Datei nicht aus deinem entsprechenden Webseiten-Ordner entnommen werden. Jedoch sollte die Font-Installation auf dem Rechner deinstalliert werden. Verstehst du was ich meine?
  15. Autor dieses Themas

    yorecords

    Kostenloser Webspace von yorecords

    yorecords hat kostenlosen Webspace.

    schnookerippsche schrieb:
    Entschuldigung, Da habe ich mich stumpfsinnig ausgedrückt. Natürlich soll die Font-Datei nicht aus deinem entsprechenden Webseiten-Ordner entnommen werden. Jedoch sollte die Font-Installation auf dem Rechner deinstalliert werden. Verstehst du was ich meine?


    Ja ja.. Ich hab schon verstanden und habs auch gemacht. Und dann hats wieder nicht funktioniert...
  16. schnookerippsche

    Kostenloser Webspace von schnookerippsche

    schnookerippsche hat kostenlosen Webspace.

    Also so wie ich das sehe funktioniert das doch. Denn bei mir wird die Schriftart richtig angezeigt, obwohl ich diese nicht installiert habe.
  17. Autor dieses Themas

    yorecords

    Kostenloser Webspace von yorecords

    yorecords hat kostenlosen Webspace.

    schnookerippsche schrieb:
    Also so wie ich das sehe funktioniert das doch. Denn bei mir wird die Schriftart richtig angezeigt, obwohl ich diese nicht installiert habe.


    Oh cool.. Komisch dass sie dann bei mir nicht angezeigt wurde... Bist du dir sicher dass du sie nicht drauf hast?
  18. edelkatzenvonspellen

    edelkatzenvonspellen hat kostenlosen Webspace.


    Edit2:
    Ok, bei mir funktionierts, aber ich hab keine Ahnung obs auf einem anderen PC auch funktioniert. Weil es ist ja klar dass die Schriftart bei mir jetzt angezeigt wird, ich hab sie ja am PC.. Aber ob er die URL anerkennt weiß ich trotzdem nicht..


    Auch ich habe es überprüft und es funktioniert.
    Sieht gut aus ;-)
  19. Autor dieses Themas

    yorecords

    Kostenloser Webspace von yorecords

    yorecords hat kostenlosen Webspace.

    Na dann.. :smile: Danke für die Hilfe!
  20. 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!