HermanMartinus / bearblog

Free, no-nonsense, super fast blogging.
MIT License
2.36k stars 73 forks source link

Verdana is not really 'Web Safe' #271

Open dkeu opened 5 months ago

dkeu commented 5 months ago

I really like Verdana as a font, but it is no longer web safe. There are several font stacks that can be called web safe, but Verdana causes problems here and there.

A system stack would be possible: ui-sans-serif, system-ui, sans-serif;

Or a pure sans-serif stack: 'Helvetica Neue', Helvetica, 'Arial Nova', Arial, Roboto, Inter, 'Nimbus Sans', sans-serif;

In principle, Verdana becomes Roboto on Android, but then looks noticeably different than on all other platforms.

All in all, Verdana is therefore not a good choice because it does not look the same across all systems.

HermanMartinus commented 5 months ago

Interesting. Thanks for bringing this up, I'll investigate it.

Yinchie commented 4 months ago

A more complete system font stack. system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;

pimoore commented 4 months ago

A great reference and configuration for system fonts is Modern Font Stacks, which specifically addresses options ranging across different OSes, including fallbacks.