Ich arbeite seit Jahren in HTML / CSS, aber ich möchte etwas über das Setzen von Schriftgrößen klären. Welches ist das beste Format zum Festlegen der Schriftart?
Normalerweise wurde ich mit einer Schriftgröße in Prozent eingestellt und benutze dann em, um von dort nach oben oder unten zu wechseln.
Ist das die Standardmethode? Ich habe Schriften in Pixeln, Punkten, mit relativen Schlüsselwörtern wie "größer" oder "kleiner" gesehen, ich habe es als Prozentsätze usw. gesetzt.
Was ist der Standard? Ist der Standard am besten? irgendwelche Forschung, um es zu unterstützen?
Danke,
Was ich in der Schule gelernt habe, ist folgendes:
Stellen Sie die Schriftgröße im Textkörper mit Prozent auf 62,5% ein:
%Vor%Dann können Sie em im selben Sinne verwenden wie Pixel, außer dass Sie durch 10 dividieren.
Zum Beispiel:
%Vor%Wir haben gelernt, em für "elastische" Layouts zu verwenden. Wenn Sie Ihre Schriftgröße in em angeben, behält der Text seine Proportionen bei, wenn ein Benutzer vergrößert oder verkleinert wird.
Andererseits sehe ich, dass Leute die ganze Zeit über px oder andere Deklarationen für Schriftarten verwenden; Soweit ich weiß, sind sie alle Standard. Ich schätze, es kommt nur darauf an, die beste Benutzererfahrung zu schaffen.
Sie sollten font-size
im body
-Tag auf 100%
setzen. Auf diese Weise sehen Nutzer, die Ihre Website besucht haben, den Text in der richtigen Größe für das, was sie in ihrem Browser festgelegt haben. Zum Beispiel können Menschen mit Sehschwäche die Textgröße vergrößern. Wenn Ihr font-size
auf 100%
gesetzt ist, sollten sie es genau so sehen wie gewünscht.
Danach können Sie die Größen für h1
, h2
, p
usw. mit %
oder em
festlegen.
Ich setze html
generell auf 10px
und dann font-size: 100%
auf body
. Sie können dann das px / em-Verhältnis 14px
/ 1.4em
für Elemente verwenden. Die einzige Sache, die ich in renne, ist dann, wenn ich Basiselemente neste, die Schriftart alle funky bekommt, und Sie müssen font-size
auf allen geschachtelten Elementen spezifizieren.
Beispiel: Wenn ich p, section, article, div{font-size: 1.6em;}
habe, wird jedes Mal, wenn% code_% verschachtelt ist, die Schriftart proportional zum Container. Die p, section, article, div
, die ursprünglich 1.6em
war, ist jetzt 16px
von 1.6em
(nicht 16px
) oder 10px
. Sie müssten den Text auf 25.6px
(oder 0.625em
/ 16px
= 25.6px
) skalieren. Sie haben mehr Kontrolle über die Konsistenz zwischen den Browsern, aber es kann etwas mehr Aufwand von Ihnen erfordern.
Einige fragen vielleicht: "Warum all diese Schwierigkeiten?" Das ist eine gute Frage. Hier ist die Antwort: Reaktionsfähigkeit. Das und ich arbeite für ein Unternehmen, das 508-konform sein muss. Das beinhaltet die ultimative Kontrolle über die Startgrößen. Ich kann nicht davon ausgehen, dass der Endbenutzer "Medium" oder " 0.625em
font" ausgewählt hat, weil das Gesetz eindeutig besagt, dass es X oder Y für hohen Kontrast usw. sein muss.