Dies ist ein Bereich, den ich im Designprozess einer Website immer nicht mag. Abgesehen davon versuche ich, effizienter zu sein, und ich wollte wissen, wenn einige eine serifenlose oder serifenlose Schriftart verwenden, wie Sie feststellen, was für jeden Browser die führende Rolle wäre, und das Design entsprechend gestalten? Hat jemand eine Berechnung verwendet oder gesehen, bei der eine Schrifthöhe von 14 Pixel verwendet wird, die den Zeilenabstand bestimmt?
Typografie ist eher subjektiv, daher bin ich mir nicht sicher, ob es einen Algorithmus zur Bestimmung eines "richtigen" line-heightauf der Grundlage von font-face, font-size, font-weight.
Es empfiehlt sich, alle Messungen relativ zur Schriftgröße ( em) anstelle eines festen Werts vorzunehmen, da Benutzer ihre Standardschriftgröße auf ihrem Gerät ändern können. Dadurch kann der Benutzer die Schriftgröße ändern, ohne Ihr Layout durcheinander zu bringen.
Das Folgende würde eine Standardführung von ergeben 17.5px:
body {
font-size: 14px;
}
p {
line-height: 1.25; /* The same as (14px times 1.25) for a value of 17.5px */
}
Es würde auch automatisch einen Zeilenabstand von oder geben, 15pxwenn 20pxdie Schriftart auf 12px bzw. 16px geändert würde.
Hier sind ein paar Ressourcen zu Typografie und vertikalem Rhythmus für das Web, die ich hilfreich fand:
Elemente des typografischen Stils, die auf das Web angewendet werden
Wie thgaskell feststellt, gibt es keine andere "Formel" als im Allgemeinen:
Je länger die Zeilenlänge, desto mehr Zeilenabstand sollten Sie verwenden.
Betreff. "Hat jemand eine Berechnung verwendet oder gesehen ...": Es wird keine gute Allzweckberechnung geben (siehe unten). Das wahrscheinlich am nächsten kommende ist: Adobe-Anwendungen haben ein Standardverhältnis von Zeilenabstand zu Zeilenhöhe von 1,2 Einheiten Zeilenabstand pro 1 Einheit Schriftgröße (16,8 für 14).
Das ist ein allgemeines Sammelsurium, das an den meisten Orten in Ordnung aussieht, aber nirgendwo großartig aussieht, außer zufällig.
Es basiert wahrscheinlich auf nichts anderem als einem Adobe-Ingenieur in den 80er Jahren, der sagte: „Wie wäre es mit 1,2 als Standardverhältnis von Zeilenabstand zu Schriftgröße, Bob?
Worauf Sie eine Berechnung stützen sollten: Siehe Alan Gs hervorragende Antwort auf Optimale Zeilenhöhe in Bezug auf die Schriftgröße .
Hier ist eine stark paraphrasierte Zusammenfassung einiger Dinge, die die ideale Führung als Liste beeinflussen, basierend auf der Antwort von Alan G und meinen Erfahrungen:
Nicht, dass ich – oder ich stelle mir vor, jeder Designer – eine solche Checkliste bewusst mechanisch durchdenkt. Dies sind nur Beobachtungen darüber, was das Gefühl des Textes beeinflusst. Wichtig ist, dass es sich instinktiv richtig anfühlt und funktioniert.
Dinge wie diese können jedoch ein praktischer Fallback oder eine Gesundheitsprüfung für Fälle sein, in denen die Instinkte versagen.