Stoyan Stefanov

@stoyan.me

1497 Followers 249 Following

stoyan.me, PerfPlanet, "JavaScript Patterns", "React: Up & Running", YSlow, SmushIt. Formerly of Facebook, WebPageTest, Yahoo

Full-and-proper English breakfast plate
Phil Hawksworth Tammy Everts Tim Kadlec Marcy Sutton Todd Harry Roberts Michal Mocny Vinicius Dallacqua Umar Hansa Andy Davies
Screenshot of the blog post
Screenshot of a tool that converts markdown to powerpoint
High-Performance Web Fonts Tools and resources on how to use web fonts without sacrificing page loading speeds Mon Jan 27 2025 Font Jargon Typeface, font-face, font-family, font collection, web font... do all of these just mean font? And what is a font exactly? Let's take a minute to define some words more precisely, at least their use in web development context (as opposed to traditional printing). After all, unambiguous terms always help our understanding of a concept. Font and Typeface All in all, there are two biggies: font and typeface. A typeface is a design of all characters and glyphs and numbers and symbols that match the type designer's aesthetic and vision. You cannot use a typeface directly, it's just the blueprint. A font is one particular implementation of the design. A font you can use.
await new FontFace('test', 'local("Avenir")').load().then( () => true, // Avenir is available to use with local() () => false // 😰 );
Poppins.ttf from Google fonts with Avenir Book fallback and CS font-face result generated by a tool called Fafofal (Fabulous Font Fallbacks)