Using variable web fonts for perf
Explains how using variable web fonts can improve website performance by reducing font file requests and page load times.
Explains how using variable web fonts can improve website performance by reducing font file requests and page load times.
A guide detailing five practical steps to optimize web font loading for improved website performance and reduced layout shifts.
Argues for using system fonts like Arial and Times New Roman to improve website speed, reduce data usage, and lower environmental impact.
A developer's guide to installing and using Glyphhanger on macOS to convert and optimize TTF font files for web use (WOFF/WOFF2).
Explains how web fonts cause layout shifts (CLS) and provides techniques to prevent them, including font optimization and using font-display: optional.
Introducing Heydings Icons, a free web font with 60 glyphs for enhancing UI elements like links and buttons using CSS pseudo-classes.
Explores using web fonts for UI icons, covering advantages like scalability and color control, and addressing semantic HTML concerns.
Explores the @font-face CSS rule for using custom fonts on the web, discussing browser compatibility and implementation.