Skip to content
  • Home
  • Articles
  • Screencasts
  • Projects
  • About
  • Resources
  • Screencasts
  • Today I learned
  • Things I use
  • Talks
  • Newsletter
  • Home Home
  • Articles Articles
  • Screencasts Screencasts
  • Projects Projects
  • About About
  • Other Stuff
    • Blogroll People blogging great stuff.
    • Resources Bookmarks I want to keep for later.
    • Show some love Support my blog and newsletter.
    • Talks Talks I've given at conferences.
    • Things I use My hardware and software setup.
    • Today I learned 254 #TIL posts.
  • Newsletter
Stefan on LinkedIn Stefan on Mastodon Stefan on Bluesky RSS

Topic: Fonts

  1. Load the default OS font with CSS

    Published Jan 25 2025 in CSS , Fonts

    Drop outdated font declarations and load the operating system default font with system-ui.

  2. Slice โ€” an app to remove variable font axes

    Published Apr 16 2023 in Fonts

    Learn how to use the "Slice" app to remove variable font axes and reduce font file size.

  3. Glyphhanger โ€” a tool to subset and optimize fonts

    Published Apr 14 2023 in Fonts

    Learn how to optimize and subset web fonts with Glyphhanger.

  4. The relative font weight axis โ€” how variable fonts ease font weight transitions

    Published Apr 09 2023 in Fonts

    Variable fonts with a custom relative font weight axis ("GRAD") help to avoid layout shifts when transitioning font-weight.

More Fonts content

  1. Previous page
  2. Page 1 of 1
  3. Next page

Most popular posts

  • How to "officially" deprecate methods with Node.js utilities
  • Web content, the social contract and copyrights
  • light-dark() isn't always the same as prefers-color-scheme
  • On being a "JavaScript framework developer"...
  • Can we have custom media queries, please?
Read popular posts

Weekly newsletter

Weekly newsletter all around web development

Get weekly news

TIL: Today I learned in Web Dev

  • light-dark() isn't always the same as prefers-color-scheme
  • How to "officially" deprecate methods with Node.js utilities
  • pathLength makes makes SVG path animations easier to manage
Learn something new

Blogroll

5 random Sites I'm subscribed to via RSS. ๐Ÿ‘‡

  • Chris Coyier
  • Roma's Unpolished Posts
  • Mayank
  • Adrian Roselli
  • Email is good.
Discover more blogs

Other stuff

Topics

  • JavaScript (128 posts)
  • CSS (104 posts)
  • Tools (61 posts)
  • HTML (55 posts)
  • Bash (45 posts)
  • NodeJS (41 posts)
  • Accessibility (36 posts)
  • Web (30 posts)
  • git (23 posts)
  • VSCode (21 posts)
  • Performance (20 posts)

Random Web Dev Learnings

  • em and strong are not announced by screen readers
  • How to show more than ten results per page on Google Search
  • How to discard tabs to save resources in Chrome, Edge and Firefox
  • Completion values in JavaScript
  • Overflow ellipsis after x lines with line-clamp
  • How to safely remove untracked files from Git repos

Popular articles

  • How to "officially" deprecate methods with Node.js utilities
  • Web content, the social contract and copyrights
  • light-dark() isn't always the same as prefers-color-scheme

Recently updated resources

  • Staying up to date
  • Writing good docs, blogs and technical articles
  • Public speaking

stefanjudis.com ยฉ 2025 by Stefan Judis is licensed under CC BY-NC-SA 4.0

All rights reserved and content created without AI.

โ™ฅ๏ธ