Heim > Web-Frontend > CSS-Tutorial > Misst die Schriftgröße in CSS wirklich von der Oberlänge zur Unterlänge?

Misst die Schriftgröße in CSS wirklich von der Oberlänge zur Unterlänge?

Barbara Streisand
Freigeben: 2024-11-16 07:14:03
Original
620 Leute haben es durchsucht

Does Font Size in CSS Really Measure From Ascenders to Descenders?

Schriftgrößenmessung in CSS verstehen: Mythos vs. Realität

In CSS führt das Festlegen einer Schriftgrößeneigenschaft zu Fragen über deren tatsächliche Höhe. Während die traditionelle Weisheit darauf hinweist, dass es sich um die Höhe von der Ober- zur Unterlänge handelt, ist es wichtig, tiefer einzutauchen, um dieses Thema zu entschlüsseln.

Historische Wurzeln

Ursprünglich bezeichnete die Einheit „em“ in der Typografie den Block Größe, die zum Gravieren jedes Großbuchstabens, insbesondere des M, vorgesehen ist. Heutzutage unterliegen digitale Schriftarten keinen derartigen physischen Einschränkungen, sodass Schriftdesigner die Größe entsprechend ihrer Größe festlegen können vision.

Standards definieren

In OpenType-Schriftarten beträgt die em-Größe normalerweise 1000 Einheiten, während sie in TrueType-Schriftarten normalerweise 1024 oder 2048 ist. Um die Konsistenz sicherzustellen, wird empfohlen, Schriftstile mit zu definieren EM-Einheiten. Auf diese Weise bezieht sich die Schriftgröße auf die x-Höhe der Schriftart, die den Abstand zwischen der Grundlinie und der Mittellinie darstellt.

Maßeinheiten

Verschiedene Einheiten werden zum Messen von Schriftgrößen verwendet:

  • Punkt (ATA): 0,3514598 mm
  • Punkt (PostScript): 0,3527777778 mm
  • Pixel (PX):Variiert je nach Bildschirmauflösung

Mythos vs. Realität

Das Missverständnis, das die Schriftgröße darstellt Die Höhe von Ober- bis Unterlänge ist nicht allgemein gültig. Dies hängt weitgehend vom Design des Schriftartenentwicklers und den Rendering-Funktionen des Browsers ab.

Zum Beispiel wurde die Zapfino-Schriftart von Apple ursprünglich mit größeren Kleinbuchstaben als erwartet entworfen, was bei einem bestimmten Punktwert zu einer größeren scheinbaren Schriftgröße führte .

Zusätzliche Ressourcen

  • [Internationale Vereinheitlichung der Typografie Maße](https://archive.org/details/InternationalUnificationOfTypographicMeasurements/page/n11/mode/2up)
  • [Punkt (Typografie)](https://en.wikipedia.org/wiki/Point_( Typografie))
  • [Pixel pro Zoll](https://en.wikipedia.org/wiki/Pixels_per_inch)
  • [Font-Metriken](https://en.wikipedia.org/wiki/Font_metrics)
  • [Typografisch Einheiten](https://en.wikipedia.org/wiki/Typographic_units)

Praktisch Erkundung

Um Einblicke aus erster Hand zu gewinnen, sollten Sie die Erkundung von Font-Entwicklungstools wie FontForge oder Fontlab Studio in Betracht ziehen. Diese Plattformen bieten Zugriff auf das Innenleben des Schriftdesigns und ermöglichen es Ihnen, Schriftzeichen zu manipulieren und ihre Geometrie zu verstehen.

Das obige ist der detaillierte Inhalt vonMisst die Schriftgröße in CSS wirklich von der Oberlänge zur Unterlänge?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage