Tobi Reif stellt fest, wie die Position von benutzerdefinierten Schriftarten bei sehr großen Schriftgrößen sehr unterschiedlich sein kann, selbst im selben Browser auf verschiedenen Betriebssystemen. Die Lösung? Nun, Sie wissen, dass es bestimmte CSS-Eigenschaften gibt, die nur innerhalb von @font-face-Blöcken funktionieren? Sie werden „Deskriptoren“ genannt, und font-display ist ein beliebtes Beispiel. Es gibt weitere, die weniger unterstützt werden, wie ascent-override, descent-override und line-gap-override. Chrome unterstützt sie, und siehe da, sie können verwendet werden, um dieses Problem zu beheben.
Ich mag die Idee sehr, dass diese verwendet werden können, um die „Metriken“ lokaler (Fallback-)Schriftarten zu überschreiben, um sie an eine benutzerdefinierte Schriftart anzupassen, die Sie laden werden, sodass es beim Laden kaum oder gar keine Bewegung gibt. Ich verabscheue FOUT (ich weiß, es ist theoretisch gut für die Leistung), aber ich kann es schlucken, wenn der Textwechsel nicht so viel durcheinander bringt.