Firefox: Custom Font lädt nicht 2 Verzeichnisse tief
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
bau
bug
datei
face
fehlerhafte pfade
format
import
jemand
ordner
pfad
plausibler grund
problem
report
safari
umgehen
url
verbunden import
vermutung
verzeichnis
zutun
-
Hallo,
bei dem Bau meiner eigenen Website bin ich leider schon wieder auf ein Problem bei Firefox getreten.
Ich verwende eine Customfont in meiner Website. Firefox stellt diese auch Korrekt dar, allerdings nur wenn die Seite nicht mehr als 1 Verzeichnis tief liegt.
Die Website benutzt ein Stylesheet. In deinem liegt das Stylesheet mit dem Fonts. So sind die Dateien verbunden
@import url("../webfonts/Roboto_Light/stylesheet.css");
Dieses Font-Stylesheet sieht so aus:
@font-face {
font-family: 'Roboto Light';
src: url('Roboto-Light-webfont.eot');
src: url('Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('Roboto-Light-webfont.woff') format('woff'),
url('Roboto-Light-webfont.ttf') format('truetype'),
url('Roboto-Light-webfont.svg') format('svg');
}
Kann das iw irrgentetwas damit zutun haben? Habe an fehlerhafte Pfade gedacht, aber andere Browser (Safari und Chrome) zeigen die Font ja an.
Wäre dankbar wenn mir jemand helfen könnte. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Das Problem ist mir auch schon mal begegnet weil ich keine Lust hatte ewig nach dem Fehler zu suchen habe ich das ganze einfach in meinen Unterordner style anstatt style/fonts gelegt. Ist nicht schön, aber wenigstens funktioniert es. Ich denke eher, dass das ein Bug im Firefox ist, weil wie du bereits festgestellt hast, gehts bei anderen Browsern. Mir würde jetzt auch kein plausibler Grund einfallen, warum das ganz beschränkt sein sollte.
-
hq-flash schrieb:
@import url("../webfonts/Roboto_Light/stylesheet.css");
Ist ja auch logisch...
mit ../ wechselst du ein Verzeichnis höher.
Wenn du 3 Unterverzeichnisse tiefer bist, etwa html/verz1/verz2/blabla, dann wird der ganze Mist in html/verz1/verz2 gesucht, wo es sich offensichtlich nicht befindet Du hast also einen falschen relativen Link, wenn die Verzeichnistiefe nicht passt, logischerweise ... -
Sorry ganz so einfach ist das nicht. Das @import bezeiht sich auf die eigentliche stylesheet datei.
Ich hab hier nochmal ein bild von meiner ordnerstruktur gemacht. Die rot makierten sachen sind relevant:
http://img803.imageshack.us/img803/6779/bildschirmfoto20130424um.png -
Ist nur eine Vermutung aber wird wenn du das Stylesheet mit @import einbindest nicht auch der Arbeitspfad dieses Stylesheets zu der dem Pfad wo die Datei liegt in der das @import steht?
Wenn es das nicht ist wird es denke ein FF-Bug sein, dann kannst du nur einen Bug-Report schreiben und das Problem umgehen
hc-tools schrieb:
einfach in meinen Unterordner style anstatt style/fonts gelegt
Sonst könntest du vllt noch mit FireBug gucken ob da irgendwelche der Datein nicht gefunden werden
Du kannst mir aber wenn du möchtest dein Projekt-Ordner mal schicken dann gucke ich nochmal was ich so hinbekommen. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage