CSS "font" Kurzschreibweise funktioniert nicht



  • Ich habe gerade festgestellt, dass sowohl in Firefox, als auch im Konqueror die CSS Kurzschreibweise für font-family, font-size usw, also kurz "font" nicht funktioniert.

    Geht nicht:

    .MyClass { font:italic; font:arial; }
    

    vs.

    Geht:

    .MyClass { font-style:italic; font-family:arial; }
    

    Kann mir jemand erklären, warum die Kurzschreibweise nicht funktioniert?
    Laut meinem Buch und diesem Artikel (siehe Link) müsste das nämlich genauso gut funktionieren, tut es aber nicht.
    http://www.css4you.de/Schrifteigenschaften/font.html


  • Mod

    font: a;
    font: b;

    ist das selbe wie
    font: b;

    denn du ueberschreibst dir damit den vorherigen wert.

    Was du willst ist:
    font: a b c d;

    siehe den Link den du gepostet hast.



  • Shade Of Mine schrieb:

    font: a;
    font: b;

    ist das selbe wie
    font: b;

    denn du ueberschreibst dir damit den vorherigen wert.

    Was du willst ist:
    font: a b c d;

    siehe den Link den du gepostet hast.

    dann müßte aber zumindest b dargestellt werden, also die Schrift zu arial werden.
    Dies passiert aber auch nicht.



  • Shade Of Mine schrieb:

    siehe den Link den du gepostet hast.

    Der Link hilft mir übrigens nicht weiter.

    Wenn ich so etwas wie:

    font:italic, arial;
    

    als Aufzählung probiere, funktioniert das auch nicht.

    Aber das Kernproblem ist ja, dass das Element "font" nicht als zu verarbeitendes Elementattribut interpretiert wird.



  • Das mit der Kurzschreibweise ist ein Witz.

    So wie ich es gerade herausgefunden habe, müssen die Einträge hintereinander ohne Komma geschrieben werden und vollständig sein, d.h. es darf kein Eintrag fehlen:

    Geht:

    font: italic small-caps bold 1.4em/1.5 Georgia serif;
    

    Geht nicht:

    font: italic serif;
    

    Weil die Teile dazwischen fehlen.

    Das ist doch echt Grütze.



  • Nein, nur font-size und font-family sind erforderlich:
    http://www.w3schools.com/cssref/pr_font_font.asp



  • Wer will kann das ja selber mal ausprobieren, anwenden tue ich das auch eine h2 Überschrift:

    <h2 class="MyClass">Problem</h2>
    


  • árn[y]ék schrieb:

    Nein, nur font-size und font-family sind erforderlich:
    http://www.w3schools.com/cssref/pr_font_font.asp

    Danke, das war die notwendige Information die mir noch fehlte.
    Jetzt funktioniert es.


Log in to reply