Hello, I’m Bram Stein, a developer and product manager. I care a lot about web typography and I’m happiest working at the intersection between design and technology.
Follow me on Twitter if you like to receive updates on web typography, my libraries, talks, or writing. Feel free to get in touch if you have an idea or a question – I love collaborating and discussing ideas with other people.
Follow me on Twitter for news and updates
Net Magazine: CSS font loading API
February 23, 2017
I wrote a short introduction to the CSS font loading API for the April 2017 issue of Net Magazine. The article highlights the most useful parts of the API and how it can be used to load web fonts asynchronously.
It’s still possible to back order the April 2017 issue of Net Magazine.
Responsive Web Design podcast: Variable Fonts
January 31, 2017
My colleague Tim Brown and I joined Ethan Marcotte on the Responsive Web Design podcast to talk about variable fonts. We talked about what variable fonts are, and how they will affect responsive design and web performance.
You can listen to the podcast, or read the transcript.
Performance Calendar 2016: Loading Web Fonts Asynchronously
December 21, 2016
The Web Performance Calendar is a recurring advent calendar focused on web performance. I wrote an article on loading web fonts asynchronously for the 2016 calendar. The article concisely describes why web font performance matters, and how to use Font Face Observer to get the best possible performance and user experience.
Web Font Loading Patterns
April 13, 2016
Web font loading may seem complicated, but it is actually quite simple if you follow some simple font loading patterns. By combining patterns you can create custom font loading behaviours that work in all browsers. Continue reading…
Web Font Anti-Patterns
October 13, 2015
There is a lot of confusion about web fonts. Are they really bad for performance? Maybe you should not use web fonts at all? This ongoing series of articles takes a look at some of the most common anti-patterns for creating, using, and loading web fonts. Web fonts can be great when used correctly and with moderation. Continue reading…
Preload Hints For Web Fonts
August 7, 2015
Web fonts are a popular topic in the web performance community. However, one fundamental problem is often overlooked: web fonts are lazy loaded. Can web font preload hints help us? Continue reading…
Detecting System Fonts Without Flash
July 30, 2015
Many web-based text editors allow the user to select custom fonts through a drop down menu. These font menus often include system fonts. Unfortunately, there is no web platform API for retrieving a list of locally installed fonts.
Smashing Book 5: Web Fonts Performance
July 28, 2015
Smashing Magazine asked me to write a chapter about web fonts performance for Smashing Book 5. I think web fonts are great, but they suffer from one big problem: by default they block rendering in almost all browsers. You may have experienced this yourself on a site using web fonts while using a slow cellular network. Staring at a blank page is no fun, especially when the content has already loaded.
Blocking rendering while downloading fonts is wrong and against the very idea of progressive enhancement. After all, the content is what people come for. Web fonts are an enhancement of that content. Important, but not critical. This chapter will show you how to optimise web fonts and how to load them without inconveniencing your visitors. Continue reading…
The State Of Web Type
November 21, 2014
The State of Web Type contains up to date browser support data for type and typographic features. I created the State of Web Type because no other browser support data site goes into the necessary detail for type and typography features.
The site is frequently updated with new data and entirely open source. Any additions, corrections, or comments are very welcome.