2 ms·
Does anybody have some font suggestions for matching this style? My ideal would have the following: 1. Even line thickness within each character (this matches
by kerkeslager 7y ago
Does anybody have some font suggestions for matching this style? My ideal would have the following:
1. Even line thickness within each character (this matches the icon style).
2. This is a tough one: looks good with the same line thickness at different font sizes (i.e. if you increase font size, you decrease font weight). This allows you to match the line thickness of your icons with the same font at different font sizes. I'm not opposed to using a variety of fonts for different sizes, but that of course means I have to find different fonts that fit my criteria.
3. Serif. This significantly improves character differentiation in my experience. It is arguably a departure from the flat style, but sans-serif fonts are both harder to read, and also stale IMO--too much of the internet is Helvetica/Arial.
4. Available on most machines. I don't necessary mean pre-loaded, but availability from CDNs and common enough to be likely already cached would be nice. However, given I can serve this up from a CDN or include in apps myself, this is probably the least important criteria.
The best I've found is Zilla Slab[1]. To me that looks great in the range of (weight:400, size: 24px) to (weight: 300, size: 40px), but smaller/larger than that, it becomes blurry/too "spindly", respectively on my screen. That's big enough for most applications, but for tooltips, icon labels, placeholders, etc. I'd like a smaller size.
One consideration here is that serifs just aren't visible at smaller sizes, so maybe I need to relax that requirement.
[1] https://fonts.google.com/specimen/Zilla+Slab https://fonts.google.com/specimen/Zilla+Slab