Problem mit Webfont durch doppelten @media Aufruf

[NinaG]

Wenn man die Funktion "Stylesheets zusammenfassen" sowie gleichzeitig Webfonts nutzt, gibt es in einigen Browsern Probleme, da sie mit dem doppelten `media Aufruf nicht zurecht kommen.

Wäre es möglich, dass hierfür eine Lösung geschaffen wird, die das Stylesheet mit der Webfont-Einbindung auch zu den zusammengefassten Stylesheets bringt, aber darin ohne `media-Aufruf an den Anfang oder das Ende stellt? Also z. B. dass Contao prüft ob es ein Stylesheet namens webfont.css im Generator gibt und das dann entsprechend einbindet?

--- Originally created on August 17th, 2010, at 09:27am (ID 2443)

[leofeyer]

Was für ein doppelter @media-Aufruf? Wie lässt sich das Problem reproduzieren?

--- Originally created on August 17th, 2010, at 09:31am

[NinaG]

Korrigiere, es ist natürlich kein doppelter media-Aufruf, sondern die Kombination ausmedia und `font-face.

Das würde derzeit z. B. so aussehen:

`media projection,screen{
  `font-face{font-family: KievitWeb;  src: url(/fonts/KievitWeb.eot);}
  `font-face{font-family: KievitWeb;  src: url(/fonts/KievitWeb.woff) format('woff');}
}

Diese Kombi macht dann in Browsern wie dem Firefox 3.6 oder IE 8 Ärger.

--- Originally created on August 17th, 2010, at 09:33am

[leofeyer]

Ist aber korrektes CSS. Wie genau sieht der "Ärger" aus?

--- Originally created on August 17th, 2010, at 09:37am

[NinaG]

Ich kann dir das an einem konkreten Beispiel zeigen wenn du möchtest. Link dazu käme dann via E-Mail. Gib einfach Bescheid ob du das sehen möchtest.

--- Originally created on August 17th, 2010, at 09:37am

[NinaG]

Der Ärger sieht so aus, dass es einfach nicht funktioniert. Sobald diese Kombi auftritt, reagieren die zwei genannten Browser nicht mehr auf die Webfont-Einbindung - sprich: sie zeigen die Webfont nicht an.

--- Originally created on August 17th, 2010, at 09:38am

[leofeyer]

Trotzdem sollten wir zuerst die Ursache finden, bevor wir eine Änderung an Contao vornehmen.

--- Originally created on August 17th, 2010, at 09:45am

[NinaG]

Ich habe dazu schon einige Tage recherchiert, konnte aber bisher keinen Grund finden. :/

--- Originally created on August 17th, 2010, at 09:48am

[NinaG]

Es scheint imho auf jeden Fall wirklich der `media-Aufruf zu sein, denn zB. das hier funktioniert ohne Probleme:

<style type="text/css" media="all">`import "webfont.css";</style>

@import macht also keine Schwierigkeiten.

--- Originally created on August 17th, 2010, at 09:54am

[NinaG]

Ha, ich habe doch was gefunden:

Laut CSS 2.1 darf man in `media kein weiteren At-Regeln stehen haben

"At-rules inside `media are invalid in CSS2.1." http://www.w3.org/TR/CSS21/media.html#at-media-rule

Außerdem wird im Mozilla Bugtracker das Problem auch besprochen:

https://bugzilla.mozilla.org/show_bug.cgi?id=567573

Ich denke, die Frage ist also, wie sehr wir mit Contao "native" moderne Techniken wie Webfonts unterstützen wollen. Die schönste Variante wäre sicher, wenn Contao die oben genannte Möglichkeit von mir standardmäßig unterstützen würde. Dann könnten Webfont-Nutzer trotzdem das "Stylesheets zusammenfügen"-Feature nutzen und somit die Vorteile von Contao vollständig einsetzen.

Wenn dir das aber zuviel Aufwand ist, würde ich vorschlagen, dass ich zu dem Thema im Teamblog einen Eintrag schreibe und erkläre, wie man Webfonts in Contao so einbindet, dass sie funktionieren (manuell).

Was meinst du?

--- Originally created on August 17th, 2010, at 10:24am

[leofeyer]

Am besten nehmen wir Stylesheets mit der Anweisung @font-face von der Zusammenfassung aus.

--- Originally created on September 4th, 2010, at 12:57am

[NinaG]

werden die dann aber trotzdem GeZIPt?

--- Originally created on November 7th, 2010, at 11:18am

[leofeyer]

Behoben in af87c7af22078a0ed8d167c162e0961b.

--- Originally created on November 20th, 2010, at 12:20am

[leofeyer]

--- Originally completed on November 20th, 2010, at 12:20am