Die `font-display`-Eigenschaft definiert, wie Schriftdateien vom Browser geladen und angezeigt werden. Sie wird auf die `@font-face`-Regel angewendet, die benutzerdefinierte Schriftarten in einem Stylesheet definiert.
@font-face {
font-family: 'MyWebFont'; /* Define the custom font name */
src: 
Zeit für ein weiteres Paar-Screencast! Diesmal habe ich Zach Leatherman von Filament Group dabei. Zach hat in den letzten Jahren viel Forschung, Schreiben und Sprechen über Webfont-Loading betrieben. Er hat einen umfassenden Leitfaden zu …
Aktualisiert am 12. Januar 2017: Korrekte Support-Prüfungen sind jetzt Teil des Artikels. Informationen zum Wert block hinzugefügt. Kleinere Anpassungen und redaktionelle Änderungen. Viel Spaß!
Wenn Sie hier bei CSS-Tricks regelmäßig lesen, ist die Wahrscheinlichkeit groß, dass Sie wissen...
Ich hoffe, Sie haben diesen Titel laut mit Ihrer besten Seinfeld-Stimme vorgelesen.
Eine kürzliche Frage in unserem Forum hat mich darauf aufmerksam gemacht, dass es mehr Eigenschaften gibt, die zu @font-face hinzugefügt werden können, als die üblichen Verdächtigen font-family und src. ...
Zach Leatherman stellt eine neue Methode zum Laden von Web-Schriftarten vor, bei der der Prozess in zwei Stufen unterteilt werden kann.
……statt einer vollständigen römischen Web-Schriftart in der ersten Stufe lädt er eine kleine Teilmenge der römischen Web-Schriftart, in diesem
Typekit hat das Projekt WebFont Loader um Unterstützung für die neue CSS Font Loading API erweitert.
…Vor der Einführung der nativen API haben wir das Laden von Schriftarten erkannt, indem wir Testelemente auf der Seite eingefügt haben. Diese Elemente wurden regelmäßig abgefragt.
Der Typografie-Enthusiast Tim Brown hat einen großartigen Artikel darüber geschrieben, wie man typografische Verbesserungen mit den OpenType-Features einer Web-Schriftart erzielen kann. Diese Ergänzungen können subtil sein, wie Ligaturen und Kapitälchen, aber andere Werkzeuge wie Kerning …
Ein Typen-Lockup ist ein typografisches Design, bei dem die Wörter und Zeichen sehr spezifisch gestaltet und angeordnet werden. So als wäre das Design buchstäblich festgenagelt. Diese Idee steht leicht im Widerspruch zum responsiven Web, das wir kennen und lieben, …
Nick Sherman hielt Anfang des Monats auf der Ampersand einen faszinierenden Vortrag, der auf seinem Artikel Variable Fonts for Responsive Design basierte. Sowohl im Vortrag als auch im Essay schlägt er vor, dass wir ein neues …
