firefox @font-face funktioniert nicht

Ich versuche, verwenden Sie benutzerdefinierte Symbol-schriftart auf meinem blogger-blog. Wenn ich das richtig verstanden habe firefox erfordert die download-Datei aus der gleichen Domäne. Es funktioniert gut auf meinem chrome. Ich bin auch über google web fonts, die ähnlich funktionieren. Ich bin hosting icons mit google code.

Hier: http://www.tipsontricks.com/p/test.html
Chorme und andere zu arbeiten, aber nicht firefox

Hier ist der code, den ich verwende

@font-face {
    font-family: 'JustVector';
    src: url('xyz.eot');
    src: url('xyz.eot?#iefix') format('eot'),
         url('xyz.woff') format('woff'),
         url('xyz.ttf') format('truetype'),
         url('xyz#webfontkw9J4lGf') format('svg');
    font-weight: normal;
    font-style: normal;

}

.iconfont{

font-family: 'JustVector';
}

Jede Hilfe wäre sehr geschätzt 🙂

  • Ich hatte das gleiche problem, und nach aktualisiert FireFox, es funktioniert für mich.
InformationsquelleAutor John Xc | 2012-08-24
  1. 3

    Sollten Sie die Verwendung dieser syntax:

    @font-face {
  font-family: 'WebFont';
  src: url('myfont.eot?#') format('eot'),  /* IE6–8 */
       url('myfont.woff') format('woff'),  /* Firefox 3.6+, IE9, Chrome 6+, Safari 5.1+*/
       url('myfont.ttf') format('truetype');  /* Safari 3—5, Chrome4+, Firefox 3.5, Opera 10+ */
}

    Hier ist eine schöne Paul Irish blog-post,

    und es ist die syntax, die auf Css3Please

    InformationsquelleAutor Krycke
  2. 2

    Dies ist das format, das ich verwenden:

    @font-face {
    font-family: 'Blah';
    src: url('/fonts/blah-webfont.eot');
    src: url('/fonts/blah-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/blah-webfont.woff') format('woff'),
         url('/fonts/blah-webfont.ttf') format('truetype'),
         url('/fonts/blah-webfont.svg#Blah') format('svg');
    font-weight: 300;
    font-style: normal;
}

body {font-family:'Blah'}
    InformationsquelleAutor zenkaty
  3. 1

    Ich heruntergeladen Firefox 19.0.2. Ich hatte ein problem mit @font-face eine Schriftart Eichhörnchen webkit. Die Schriften würde nicht richtig angezeigt, in Firefox, aber Sie waren gut in Safari und Chrome.

    Stellt sich heraus, es ist eine versteckte Einstellung in Firefox, dass überprüft werden muss, um Firefox zur Anzeige von benutzerdefinierten Schriftarten auf einer Webseite.

    Firefox-Einstellungen - > Inhalte > Schriftarten & Farben > Advanced-Taste > und aktivieren Sie das Kontrollkästchen "Zulassen Seiten Ihre eigenen Schriften, statt meiner Auswahl oben"

    Dieser das problem bei mir gelöst, nachdem er etwa 4 Stunden heute versucht verschiedene code-änderungen, die nicht funktionierten. Aaargh!

    Nun Firefox zeigt die Schriftarten, die das gleiche wie Safari und Chrome.

    • die option ist aktiviert, aber @font-face funktioniert noch nicht
    InformationsquelleAutor Kate L
  4. 0

    Den obigen Antworten noch nicht für mich in FF, aber meine Schrift gearbeitet, in allen anderen Browsern.

    Google Webfonts hatte die gleiche schriftart, die ich suchte, aber die Qualität war lächerlich niedrig.

    @Kate,
    die FireFox - "Preferences" auf meiner eigenen Schrift war bereits als Standard für die ich würde haben wurden überrascht, wenn Sie es nicht waren.

    Bleibt es mir ein Rätsel, warum eine entwickelte browser wie FF würde nicht einen fix für das problem auch nach 2 Jahren. Mein FireFox ist up-to-date mit den neuesten.

    Danke an Euch alle für die Herstellung meiner Tag ein wenig leichter.

    InformationsquelleAutor mugé
Schreibe einen Kommentar