kostenloser Webspace werbefrei: lima-city


Firefox: Custom Font lädt nicht 2 Verzeichnisse tief

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    h******h

    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.
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

  3. Das Problem ist mir auch schon mal begegnet :mad: 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.
  4. burgi

    Co-Admin Kostenloser Webspace von burgi

    burgi hat kostenlosen Webspace.

    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 ...
  5. Autor dieses Themas

    h******h

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