Soll ich mich mit absoluten font-Größen (small, medium, large et al.)?

Des W3C halten eine Seite von Rat auf, wie man die Größe der Schriftarten in CSS - zuletzt aktualisiert im April 2010. Laut dieser Seite am besten zum Stil-Schriften ist die Verwendung der "absoluten" font-Größen:

sogar besser, wenn eine Basis-Schriftgröße für das Dokument festgelegt wurde, verwenden Sie absolute Größe ([ xx-small | x-small | small | medium | large | x-large | xx-large ]) oder relative Größe ([ größer | kleiner ]) bei der Definition der font-Größe für ein bestimmtes element innerhalb des Dokuments.

Die Skillung dann definiert die schriftart-Größen in einer Tabelle. Soweit ich verstehe diese Tabelle small sollte 2/3 (66%) die Größe der medium, und large werden sollte, 4/3 (133%).

Wenn ich das ausprobieren, ich bekomme ziemlich unterschiedliche Ergebnisse von meiner interpretation der Kennzahlen angegeben, die von der W3C. Die Ergebnisse sind konsistent neuesten Versionen von Chrome, Firefox und IE, aber nicht stimmig mit der W3C-Empfehlung. small ist 81.25% statt 66%, und large ist 112.5% statt 133%.

Bedeutet dies, dass die modernen Browser werden nicht unterstützt, diese standards des W3C? Ist es ein neuer standard, ersetzt diese eine, die ich nicht kenne? Oder habe ich das falsch verstanden die Bedeutung dieser Tabelle des W3C?

Am Ende des Tages meine Frage kommt auf: Ist es immer noch die beste Methode die Verwendung absoluter Schriftgrößen im CSS? Wird es konsequent Verhalten ist in allen Browsern? Und idealerweise würde ich gerne wissen, welchen standard die modernen Browser sind folgende.

Ich glaube, der beste Weg zu gehen, ist die Verwendung von relativen Schrift-Größen: em und Prozentsätze. Beachten Sie, dass html auch als <small> - tag, das macht alles etwas verwirrend, der einzige Vorteil gemäß der html5-Spezifikation ist, dass diese nützlich sein könnte, semantisch. Aber ich Frage mich, was andere haben, bleiben über die css-Stile-x-large!

InformationsquelleAutor Robin Winslow | 2012-01-04

  1. 6

    Du falsch, die Tabelle, die Sie verknüpfen. Medium ist die HTML-Schriftgröße 3 kleine HTML-Schriftgröße 2, bezogen auf das veraltete font-tag und die 1..7 Schriftgrößen.

    Jedenfalls, wenn Sie wollen, zu Ehren des Benutzers, die Schriftgröße, nicht die Verwendung von schriftart-Größen wie 10px und dergleichen. Medium bedeutet, dass der Benutzer bevorzugt. (Obwohl die überwiegende Mehrheit der Nutzer verlassen Ihre bevorzugte Größe auf die Werkseinstellungen, weil Sie nicht wissen, wie um es zu ändern.)

    @MrLister sagte in Kommentaren:

    [Verhältnis zwischen der absoluten Schriftgrößen] unterscheidet zwischen den Browsern .. . Nach den Standards des W3C, es kann sogar unterscheiden zwischen Schriften. In meiner persönlichen Erfahrung, die in einigen Browsern gibt es auch einen Unterschied zwischen strict und quirks-Modus. Also, wenn Sie wollen, Konsistenz, verwenden Sie es nicht. Etablieren Sie eine Größe für den Körper (entweder die Größe, die Sie wollen, oder lassen Sie es bis zu dem Benutzer) und dann die Arbeit mit Prozentzahlen oder ems für die verschiedenen Elemente

    Und in der Tat, zusätzlich zu der Tabelle Fehlinterpretation, die Seite sagt ausdrücklich, dass die Tabelle anders berechnet, die von verschiedenen UAs und auch für andere Schriften...
    Ah gut! Ja, ich konnte nicht herausfinden, was es bedeutete, durch die "HTML-Schriftgröße". Sind Sie irgendwo definiert? Oder wenn Sie es nicht sind, und speziell Links bis zu der UA (wie @Chris weist darauf hin), ist es eine zuverlässige Tabelle der browser-defaults? Nur wenn ich da müssen ein paar CSS-code basiert auf einem style-guide oder ein design, PNG-ich muss wissen, welche Größen ich es zu tun habe.
    Nur hinzufügen - ich verstehe, dass Sie sind wahrscheinlich ändern, und wenn ich also möchte, bestimmte schriftart, die pixel-Größen darf ich nicht unter Berufung auf small, medium etc. Aber ich möchte code nach best practice (und solche, die Schriftgröße ändern könnte und die Seite immer noch nutzbar sein), aber trotzdem haben Sie Blick auf die Interessengruppen wie die angegebenen design.
    Es differes zwischen den Browsern, ja. Nach den Standards des W3C, es kann sogar unterscheiden zwischen Schriften. In meiner persönlichen Erfahrung, die in einigen Browsern gibt es auch einen Unterschied zwischen strict und quirks-Modus. Also, wenn Sie wollen, Konsistenz, verwenden Sie es nicht. Etablieren Sie eine Größe für den Körper (entweder die Größe, die Sie wollen, oder lassen Sie es bis zu dem Benutzer) und dann die Arbeit mit Prozentzahlen oder ems für die verschiedenen Elemente.

    InformationsquelleAutor Mr Lister

  2. 0

    "Medium" übersetzt 1em.

    Als Basis-Schriftgröße für ein Dokument, 1em (oder 100%) entspricht der Einstellung der Schriftgröße Präferenz des Nutzers.

    Nein, Nein, Nein, 1em ist nicht das gleiche wie die mittlere. 1em bedeutet "in der gleichen Schriftgröße wie die Eltern". Wenn <body> nicht über eine font-Größe angegeben ist, DANN ist 1em ist die gleiche wie die Mittel in den Körper. In einem h1 zum Beispiel 1em bedeutet, dass die gleiche Größe wie der h1, während der mittlere wäre der Benutzer die Standard-Einstellung.
    Ich glaube, Sie missverstanden meine Frage. Diese Besondere Tat, während in der Regel wahr, war nicht der Punkt.
    "Ist es immer noch die beste Methode die Verwendung absoluter Schriftgrößen in CSS?" - absolut, wie in "10pt" oder absolut, wie in "kleinen" ("klein" bezieht sich auf die font - tag - Werte für die Größe). Was ich zu sagen versuchte ist, dass der ehemalige font tag-Größe "medium" übersetzen soll 1em Basis-Schriftgröße, d.h. es ist gebunden zu sein browserspecific, sollte noch betrachtet werden als "Mittel". So weit als best practice geht, definieren Sie Ihre Basis-Schriftgröße 1em und defering aus, dass für alle anderen Elemente wäre mein persönlicher Stimme - nicht sicher, ob Sie möchten, um zu nennen, dass "absolute" oder "relative".
    Ich denke medium ist absolut in, es ist nicht abhängig von dem, was die font-size des umschließenden Blocks ist. 1em jedoch ist, abhängig von der umgebenden Schriftgröße. also, wenn Sie einen block mit font-size gesetzt, um 50px dann 1em wird 50px in der Erwägung, dass Mittel wird sein, was die browser-Standard-Größe, es ist (wahrscheinlich nicht 50px). Siehe jsfiddle.net/chrisvenus/NxBA5/2 für ein Beispiel, dass klar zeigt, dass Mittel-und 1em sind nicht das gleiche.
    richtig, chris, danke für die Aufklärung. 1 em natürlich immer relativ ist, um es in den container font-size 🙂

    InformationsquelleAutor kontur

Schreibe einen Kommentar