Dark Type Tester

See a page in light and dark side by side and adjust its variable-font weights until both read the same.

Fonts appear bolder in dark mode than they do in light mode. Dark Type Tester helps you optically balance weights of variable fonts both modes at the same time. • See the page you're on in light and dark, side by side or under a sliding curtain • Adjust each variable-font weight for dark mode with a slider • Start from a suggested range • Copy the weights as ready-to-use CSS For websites with a dark mode and variable fonts: articles, marketing sites, docs and your own builds. Free. No account, no tracking. Nothing leaves your browser. Made by Tinloof. Part of the research Adjusting Typefaces for Dark Interface by Laura Csocsán. Article: tinloof.com/writing/dark-type