bearblog icon indicating copy to clipboard operation
bearblog copied to clipboard

Verdana is not really 'Web Safe'

Open dkeu opened this issue 1 year ago • 3 comments

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.

dkeu avatar Feb 02 '24 07:02 dkeu

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

HermanMartinus avatar Feb 05 '24 11:02 HermanMartinus

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;

Yinchie avatar Feb 20 '24 18:02 Yinchie

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

pimoore avatar Feb 21 '24 19:02 pimoore