Schriftarten einbinden
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
abdecken
ahnung
befinden
bereich
code
dank
datei
eigenschaft
entschuldigung
face
festgelegten bezeichnung
gleichen ordner
http
installation
nutzen
ordner
rechner
schriftart
url
webseite
-
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. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
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 -
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 -
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 -
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.. -
<style type="text/css"> @font-face { font-family:RosewoodStd-Regular; src:url('RosewoodStd-Regular.otf'); } body { font-family:RosewoodStd-Regular; } </style> -
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 -
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 -
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. -
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 -
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 -
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... -
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?
-
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... -
Also so wie ich das sehe funktioniert das doch. Denn bei mir wird die Schriftart richtig angezeigt, obwohl ich diese nicht installiert habe.
-
Im Übrigen auch eine schöne Lösung: http://code.google.com/intl/de-DE/apis/webfonts/docs/getting_started.html
-
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? -
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
-
Na dann..
Danke für die Hilfe!
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
