Serif typefaces that work well in dark mode
jaimes
Posts: 11
Hello. In the last few years, dark mode has become more widespread.
Aside from slab-serifs, are there categories of serifs that ought to do well in dark mode?
There's also support in OS's (at least mac) to switch between light and dark mode depending on the hour the day.
The CSS property `prefers-color-scheme` allows dynamic switching, and many websites leverage this.
I've noticed that many serif fonts look poorly in dark mode.
It's well known that in light-emitting screens, white-on-black appears bolder. But I don't mean just that.
For example, the Firefox "reader view" allows a choice between Georgia and Helvetica. In dark mode, to my eyes, Georgia doesn't look good. The tracking is too tight, and the serifs become too prominent and distracting (to my untrained eyes).
Are there well known categories of serif typefaces that could work well for dark mode?
Seeing how well sans-serifs transition, I would imagine low-contrast is one way to go.
Staying with Matthew Carter: while Georgia doesn't work well, Charter does.
But then, a low-contrast serif that I had thought would do well in dark mode is DJR's Turnip, but in my opinion, the thin-thick modulation becomes more shimmery and distracting in dark mode.
Aside from slab-serifs, are there categories of serifs that ought to do well in dark mode?
Any examples or recommendations?
Personally I really like switching my display to dark mode after 6pm, helps me wind down; I wish more websites complied.
Thanks!
Thanks!
0
Comments
-
oh no, my first post and I already mis-categorized it.Sorry. I did read the "READ THIS FIRST".Where should this be moved?0
-
“Dark mode” is really just “reversed” in the old/standard terminology—although I suspect that has become obsolete and now “reverse” is understood to mean flipped/backwards.
Amply spaced and low contrast seems appropriate.
I can suggest a couple of mine, “book” faces:
Bellefair is free, Richler expensive.
Thanks for posting—it’s made me realize that I should provide some online specimens in reverse. I mean dark mode!0 -
If you have a variable font with a grade (or maybe weight) axis, you could tune it slightly to better fit the inverse display mode.5
-
-
Thanks! @Nick Shinn I think it's a good idea to have specimens in reverse.I've seen some foundries do that: Letters from Sweden and Klim come to mind.Richler is nice! And expensive indeed.I have the impression that the venetians stand up particularly well.For example, of the types that come with macos, Iowan Old Style does great.0
Categories
- All Categories
- 43 Introductions
- 3.7K Typeface Design
- 803 Font Technology
- 1K Technique and Theory
- 622 Type Business
- 444 Type Design Critiques
- 542 Type Design Software
- 30 Punchcutting
- 136 Lettering and Calligraphy
- 83 Technique and Theory
- 53 Lettering Critiques
- 485 Typography
- 303 History of Typography
- 114 Education
- 68 Resources
- 499 Announcements
- 80 Events
- 105 Job Postings
- 148 Type Releases
- 165 Miscellaneous News
- 270 About TypeDrawers
- 53 TypeDrawers Announcements
- 116 Suggestions and Bug Reports