Artikel mit Schlagwort

Font Awesome ist eine unglaublich beliebte Icon-Bibliothek. Leider ist es relativ einfach, sie auf eine Weise zu verwenden, die zu einer suboptimalen Leistung führt. Durch das Subsetten von Font Awesome können wir alle ungenutzten Glyphen aus den von ihm bereitgestellten Schriftdateien entfernen. Dies wird …

Ein Webfont-Workflow ist einfach, oder? Wählen Sie ein paar gut aussehende, web-taugliche Schriftarten aus, holen Sie sich den HTML- oder CSS-Code-Schnipsel, fügen Sie ihn in das Projekt ein und prüfen Sie, ob sie ordnungsgemäß angezeigt werden. Leute machen das mit Google Fonts Abermillionen Mal …

Ehrliche Worte von Dave

Ich, Dave Rupert, ein Mensch, dem die Web-Performance am Herzen liegt, ein Mensch, der Web-Performance-Blogs liest, ein Mensch, der viele Stunden damit verbringt, auf dem Laufenden über bewährte Praktiken zu bleiben, ein Mensch, der co-hostet

…

Als Frontend-Entwickler, der für Kunden auf der ganzen Welt arbeitet, hatte ich schon immer Schwierigkeiten, mit mehrsprachigen Websites umzugehen — insbesondere mit Fällen, in denen sowohl von rechts nach links (RTL) als auch von links nach rechts (LTR) verwendet werden. Nichtsdestotrotz habe ich auf dem Weg einige Dinge gelernt und werde ein paar ...

Zach Leatherman hat eng mit Chris zusammengearbeitet, um die Strategie für das Laden von Schriftarten für diese Website, die Sie gerade lesen, zu entwickeln. Zach führt uns in diesem Artikel durch das Design und teilt Techniken, die auf andere Projekte angewendet werden können.

Spoiler-Alarm:...

Google hat auf der I/O angekündigt, dass ihr Schriftartendienst nun die Eigenschaft font-display unterstützt, die eine Reihe von Web-Performance-Problemen löst. Wenn Sie Freudenschreie hören, ist das wahrscheinlich Chris, der vor Freude in die Luft springt. Er wollte ...

Dies soll als praktischer Leitfaden für Entwickler dienen, um Webtypografie zu lernen. Wir behandeln eine Reihe von praktischen und nützlichen Themen, wie z. B. die Auswahl und Verwendung von benutzerdefinierten Schriftarten im Web, aber wichtiger noch, wie man Text anordnet, um ein angenehmes Benutzererlebnis zu schaffen. Wir werden die Prinzipien der Typografie und die CSS-Eigenschaften, die sie steuern, sowie praktische Tipps für schnelle und gute Ergebnisse durchgehen.

Vieles von Divya mit dem Setup

Es gibt 2 Arten von Problemen, die bei der Verwendung von Webfonts auftreten können: Flash of invisible text (FOIT) und Flash of Unstyled Text (FOUT) … Wenn wir sie vergleichen würden, ist FOUT von

…

Hallo! Dieser ganze Artikel handelt von einer Zeit vor Mai 2019, in der Google Fonts keine Möglichkeit bot, font-display zu verwenden, ohne die Schriften selbst zu hosten.

Um font-display mit Google Fonts zu verwenden, fügen Sie einen URL-Parameter wie &display=swap in ... hinzu