leading-trim ist eine vorgeschlagene neue CSS-Eigenschaft, die es uns ermöglicht, den zusätzlichen Abstand in jeder Schriftart zu entfernen, um Text vorhersehbarer gestalten zu können. Ethan Wang hat darüber geschrieben – einschließlich der Tatsache, dass Microsoft sich dafür eingesetzt hat – und dass sie nun Teil der Spezifikation Inline Layout Module Level 3 ist.
Sie würden es so verwenden
h1 {
leading-trim: both;
text-edge: cap alphabetic;
}Dies weist den Browser an, die Font-Datei zu lesen, die OpenType-Metriken zu analysieren und im Wesentlichen das zu tun, was Ethan in diesem GIF demonstriert.
Warum wollen wir das tun? Nun, es würde uns ermöglichen, Text in einem Button ordentlich zu formatieren, ohne seltsame Tricks, und wir könnten auch vorhersehbare Abstände zwischen verschiedenen Schriftarten festlegen. Ich bin ziemlich begeistert von dieser Spezifikation und der CSS-Eigenschaft, da sie uns ein weiteres Werkzeug an die Hand gibt, um die Typografie im Web zu kontrollieren – wie zum Beispiel das Bändigen von Zeilenhöhen.
Ich kann es kaum erwarten, es zu benutzen! Die Textausrichtung wird bei vielen Dingen im Webseitenlayout helfen.
Großartig, wir werden endlich auch das exakte Grundlinienraster für das Web nutzen können.
Ich will das jetzt! Damit kämpfe ich schon... meine ganze Karriere. Bitte, Browser-Entwickler, macht das möglich!