Web Typography News
Sign up for the newsletterI’ve started an email newsletter devoted to web typography tips. Each issue I’ll cover a new topic about typography for the web and digital platforms. Sometimes design focused, sometimes technical, usually a bit of both. I archive all the tips here, and all the examples are available on CodePen, so you’ll be able to quickly try out each tip live in the browser, play with it, and take it to use in your own projects.
Newsletter Archive
- 08/04/2020 - Web Typography News #49: Accessibility settings
- 07/07/2020 - Web Typography News #48: Light mode support, and a pause for reflection
- 05/29/2020 - Web Typography News #47: On the nature of ‘book’-ishness
- 05/18/2020 - Web Typography News #46: New CSS for scaling, a JS update, footnotes, devils & details
- 05/11/2020 - Web Typography News #45: Fixing FOUT with font loading & fallback tuning. OH and saving the orphans
- 05/04/2020 - Web Typography News #44: Adding web fonts; giving voice to our words
- 04/27/2020 - Web Typography News #43: Typesetting Moby-Dick, part 2
- 04/20/2020 - Web Typography News #42: Landing the Whale, part 1
- 04/10/2020 - Web Typography News #41: Swiss morning coffee
- 04/03/2020 - Web Typography News #40: Masks, perspective, and pattern
- 03/27/2020 - Web Typography News #39: Skewed, rotated, and styled
- 03/16/2020 - Web Typography News #38: Outlines and overprints
- 03/06/2020 - Web Typography News #37: Introducing VariableFonts.io
- 02/29/2020 - Web Typography News #36: More explorations in text masking
- 02/07/2020 - Web Typography News #35: Text & image, interplay & animation
- 01/31/2020 - Web Typography News #34: Glyphs as graphics—making headlines hit harder
- 11/20/2019 - Web Typography News #33: Setting your lists apart
- 10/28/2019 - Web Typography News #32: Variable font CSS—what web authors need to know
- 10/18/2019 - Web Typography News #31: What the web wants
- 10/08/2019 - Web Typography News #30: Learning typography—Words have meaning, but letters have emotion
- 09/27/2019 - Web Typography News #29: Display typography—text and image, overlays and fills
- 09/18/2019 - Web Typography News #28: Google Fonts APIv2 with variable fonts!
- 09/09/2019 - Web Typography News #27: ATypI Tokyo report
- 08/31/2019 - Subject line Web Typography News #26: It's not about us
- 08/23/2019 - Zen and the art of knowing what to hold (and what to let slip—or be slippery)
- 08/16/2019 - Web Typography News #24: We’re designing it wrong
- 08/08/2019 - Web Typography News #23: Dynamic typography, in detail
- 07/30/2019 - Web Typography News #22: Meta-fun
- 07/12/2019 - Web Typography News #21: Contextual Alternations (for a fraction of the price)
- 07/05/2019 - Web Typography News #20: Contextual Stylistics (and other fake band names)
- 06/25/2019 - Web Typography News #19: A leg up on ligatures (more OpenType explorations)
- 06/18/2019 - Web Typography News #18: Facts on figures (an OpenType introduction)
- 06/08/2019 - Web Typography News #17: More typographic friction—testing the vertical limits
- 05/30/2019 - Web Typography News #16: Typography as friction—intentional tension
- 05/24/2019 - Web Typography News #15: Typography as friction in design, Part the First
- 05/17/2019 - Web Typography News #14: Variable fonts and quirky custom axes
- 05/10/2019 - Web Typography News #13: Optical sizing and custom axes with variable fonts
- 05/05/2019 - Web Typography News #12: Variable Fonts and a whole new typography
- 04/26/2019 - Web Typography News #11: Progressive font enrichment (naming things is hard edition)
- 04/19/2019 - Web Typography News #10: Weight, wait—don't @ me
- 04/12/2019 - Web Typography News #9: Web Directions
- 04/05/2019 - Web Typography News #8: Putting your best (font-)face forward
- 03/29/2019 - Web Typography News #7: Of marks, ends, and middles
- 03/22/2019 - Web Typography News #6: Hyphens, links, and designer vanity
- 03/15/2019 - Web Typography News #5: Proportion & practicality, rhythm & flow
- 03/08/2019 - Web Typography News #4: Units of measure
- 03/01/2019 - Web Typography News #3: The paragraph
- 02/22/2019 - Web Typography News #2: Drop caps
- 02/15/2019 - Web Typography News #1