XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Problem mit @font-face im Firefox (http://xhtmlforum.de/showthread.php?t=67601)

semsi 31.05.2012 14:22

Problem mit @font-face im Firefox
 
Hallo Community

Bin neu hier und komme hier schonmal zu meiner ersten Frage:
Möchte gerne für eine Seite meine eigene Schriftart verwenden. Dies funktioniert ja mit @font-face.
Habe das nun auch folgendermassen gemacht: (mit Beispiellinks hier)
Code:

@font-face {
    font-family: 'FormataLightRegular';
    src: url('http://www.example.org/NETZWERK/000/Ordner/formata-light-webfont.eot');
    src: url('http://www.example.org/NETZWERK/000/Ordner/formata-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('http://www.example.org/NETZWERK/000/Ordner/formata-light-webfont.woff') format('woff'),
        url('http://www.example.org/NETZWERK/000/Ordner/formata-light-webfont.ttf') format('truetype'),
        url('http://www.example.org/NETZWERK/000/Ordner/formata-light-webfont.svg#FormataLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FormataMediumRegular';
    src: url('http://www.example.org/NETZWERK/000/Ordner/formata-medium-webfont.eot');
    src: url('http://www.example.org/NETZWERK/000/Ordner/formata-medium-webfont.eot?#iefix') format('embedded-opentype'),
        url('http://www.example.org/NETZWERK/000/Ordner/formata-medium-webfont.woff') format('woff'),
        url('http://www.example.org/NETZWERK/000/Ordner/formata-medium-webfont.ttf') format('truetype'),
        url('http://www.example.org/NETZWERK/000/Ordner/formata-medium-webfont.svg#FormataMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

Mit Internet Explorer, Opera, Safari und Chrome gibt es keine Probleme. Jedoch wird die Schrift im Firefox nicht erkannt. Weiss jemand wieso?
Habe schon fast das ganze Internet abgesucht und bisher keine Lösung gefunden.

Mein Firefox ist auf dem neusten Stand.


Bin dankbar für jegliche Tipps & Hilfen.


Grüsse

semsi

protonenbeschleuniger 31.05.2012 14:32

Naja, erstmal ein paar Tipps

Bitte benutze für Quellcode die entsprechenden Tags, dann läßt er sich leichter lesen. Und, es gibt offizielle Beispiel Domains, z.b. example.org

Hast du mal einen Blick in die Fehlerkonsole geworfen? Evtl. stehen da weitere Hinweise, was falsch läuft.

semsi 31.05.2012 14:54

Wie mach ich das mit dem Tag?

heiko_rs 31.05.2012 15:01

Kommt die Schrift-Datei von einer anderen Domain als die eigentliche Website?

protonenbeschleuniger 31.05.2012 15:10

Zitat:

Zitat von semsi (Beitrag 517117)
Wie mach ich das mit dem Tag?

Naja, das war der unwichtigste meiner Tipps, aber na gut.

Quellcode kannst du mit [ code ] oder [ html ] oder [ php ] einschliessen (ohne die Leerzeichen), dann wird dieser entsprechend formatiert.

z.b. bei deinem Code sähe es so aus
Code:

@font-face {
font-family: 'FormataLightRegular';
src: url('http://www.webserver/NETZWERK/000/Ordner/formata-light-webfont.eot');
src: url('http://www.webserver/NETZWERK/000/Ordner/formata-light-webfont.eot?#iefix') format('embedded-opentype'),
url('http://www.webserver/NETZWERK/000/Ordner/formata-light-webfont.woff') format('woff'),
url('http://www.webserver/NETZWERK/000/Ordner/formata-light-webfont.ttf') format('truetype'),
url('http://www.webserver/NETZWERK/000/Ordner/formata-light-webfont.svg#FormataLightRegular') format('svg');
font-weight: normal;
font-style: normal;
}


semsi 31.05.2012 15:15

Sorry, habe das Andere ein wenig verdrängt ;) Also die Links habe ich nun auch angepasst.
Das File ist im Moment noch nicht hochgeladen. Könnte das daran liegen? Werde das mal testen. Melde mich dann nochmals.

@heiko
Sie wurde noch nicht Hochgeladen.

heiko_rs 31.05.2012 15:24

Am besten lässt Du Dir das Ganze hier bauen, dann kann im Prinzip nix schiefgehen: Font Squirrel | Create Your Own @font-face Kits

dazzle89 31.05.2012 16:22

Oder noch besser:

CodeAndMore @font-face made simple tool

Da ist nicht jede zweite Schrift auf der Blacklist :)

protonenbeschleuniger 31.05.2012 17:08

Zitat:

Zitat von semsi (Beitrag 517121)
Sorry, habe das Andere ein wenig verdrängt ;) Also die Links habe ich nun auch angepasst.
Das File ist im Moment noch nicht hochgeladen. Könnte das daran liegen? Werde das mal testen. Melde mich dann nochmals.

Hast du mal in die Fehlerkonsole geschaut? Das war eigentlich mein wichtigster Tipp.

heiko_rs 31.05.2012 18:00

Zitat:

Zitat von dazzle89 (Beitrag 517125)
Da ist nicht jede zweite Schrift auf der Blacklist

Aber Du weißt schon, dass font-face eine rechtlich heikle Sache ist? Man kann nicht einfach jede Schrift verwenden, selbst wenn man sie gekauft hat, denn durch font-face bietet man sie als ttf & Co. zum kostenlosen Download an, und das ist bei den meisten Schriften nicht erlaubt (verständlicherweise), allenfalls bei free fonts, denn die gibt's ja eh schon kostenlos (aber selbst bei denen muss font-face nicht automatisch erlaubt sein).

Wenn also eine Schrift bei font-squirrel auf der Blacklist steht, wird das schon seinen Grund haben und im Extremfall sogar den Nutzer vor rechtlichen Problemen bewahren.


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:57 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023