Problem mit @font-face im Firefox

semsi · #1 (**permalink**) 31.05.2012, 13:22

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 · #2 (**permalink**) 31.05.2012, 13: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 · #3 (**permalink**) 31.05.2012, 13:54

Wie mach ich das mit dem Tag?

heiko_rs · #4 (**permalink**) 31.05.2012, 14:01

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

protonenbeschleuniger · #5 (**permalink**) 31.05.2012, 14:10

Zitat:

Zitat von semsi

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 · #6 (**permalink**) 31.05.2012, 14: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 · #7 (**permalink**) 31.05.2012, 14: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 · #8 (**permalink**) 31.05.2012, 15:22

Oder noch besser:

CodeAndMore @font-face made simple tool

Da ist nicht jede zweite Schrift auf der Blacklist

protonenbeschleuniger · #9 (**permalink**) 31.05.2012, 16:08

Zitat:

Zitat von semsi

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 · #10 (**permalink**) 31.05.2012, 17:00

Zitat:

Zitat von dazzle89

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.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Meiner erster Post mit nem Firefox (Hack?) Problem.	Apex	CSS	2	27.06.2008 08:37
IE & Firefox Problem	Killer3d	(X)HTML	7	04.01.2008 13:19
problem mit div box im firefox - dringend!!	tee	CSS	11	27.09.2007 19:21
Firefox: float / margin Problem	kadees	CSS	4	14.01.2007 13:23
CSS Problem im FireFox aber nicht IE	fra232	CSS	1	29.11.2004 00:04