schrifteneinbindung mit @font-face funktioniert nicht

**thepixture** · 12.01.2012, 13:51

Hallo,

gibt es irgendwelche Inkompatibilitäten bezüglich @font-face und theme_plus?
Bei mir werden die Schriften nicht ersetzt, obwohl die Pfade stimmen.

in meiner fonts.css steht es so drin.

Code:

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

der pfad wird beim laden der Seite auch richtig in

Code:

src: url("../../tl_files/themes/fonts/museo300-regular-webfont.eot");

geändert.

**aportmann** · 12.01.2012, 14:08

hallo

kann es sein, dass das problem nur in firefox auftritt? soweit ich mich erinnern kann, erlaubt firefox kein @font-face innerhalb einer @media-anweisung.

gruss andi

**thepixture** · 12.01.2012, 14:24

Hm stimmt, im Firefox und im IE tritt das Problem auf. Opera, Chrome und Safari binden die Schrift richtig ein.

Ich hab die font.css jetzt über die zusätzlichen Head-Tags eingebunden. So funktioniert es erstmal.
Hast du sonst noch eine andere Idee, wie man das für Firefox und IE lösen könnte?

Danke für den Hinweis

**aportmann** · 12.01.2012, 14:32

die lösung ist schon richtig. das problem liegt in der css2.1-spezifikation, welche es verbietet @-regeln innerhalb von @media auszuführen. siehe auch hier.

tristan müsste also bei theme+ schauen, dass das @font-face nicht von einem @media umschlossen wird.

gruss andi

**tril** · 12.01.2012, 15:42

Zitat von andi

tristan müsste also bei theme+ schauen, dass das @font-face nicht von einem @media umschlossen wird.

Theme+ 3 soll (irgendwann) einen Parser bekommen, der genau damit umgehen kann

**thepixture** · 25.04.2012, 13:29

Wollt mal nachhaken, ob es in der aktuellen Version jetzt schon geht?

**tril** · 25.04.2012, 13:55

Solange du kein @media verwendest, funktioniert @font-face doch jetzt schon

**thepixture** · 25.04.2012, 14:27

Habs jetzt mal getestet.

Also ich hab bei mediatyp "screen" eingetragen und die fonts.css im Layout eingebunden.
Scheint damit also in der Version 3.0.0 rc1 Build 4 auch zu funktionionieren

**tril** · 25.04.2012, 14:30

Aber du darfst doch gar keinen Mediatyp angeben!? Das ist ja der Knackpunkt.

**thepixture** · 25.04.2012, 14:56

Ach, was nicht alles verboten ist

Aber stimmt, im Prinzip kann ich den Mediatyp auch entfernen. Macht bei Fonts glaub eh keinen Sinn.

**moni** · 06.05.2013, 13:26

Ich habe auch font probleme.
Mir löscht es die Fonts einfach vom Server. Spiele ich sie erneut hoch, funktioniert sie wieder ein paar Wochen. Hat jemand eine Idee, was ich da falsche mache?

Danke vorab#!