Verdana?? What’s with the boring font?

accessibility has become a heavy factor in my design choices. Not just with colors (and contrasts), but especially with fonts!

The font for the main text on this site is plain old Verdana. And that’s with good reason. I recently learned it’s easier to read for people who have visual disabilities. I’m not just referring to those who have lessened sight, but also the people with dyslexia.

Of course, design wise, I’d rather use Open Sans or Roboto. But it’s not about me or what my design preferences are. It’s about this site being as accessible as possible. So it’s also a welcoming place for people with visual disabilities.

Page Speed

A secondary advantage of using a system font like Verdana is that you don’t lose any loading time over more than one custom font. This page loads like a rocket, even now, where I have not yet taken any pro-active speed-up measures, like caching.

By the way, the headings are in a font called “Zilla Slab”. That IS a custom font from the Google Fonts library. If you like it, you can download Zilla Slab via the Google Webfonts Helper so you too can use the WOFF format (WOFF2 is not supported by all browsers, and TTF is really large compared to WOFF).

In case you wonder why I even bother to think about the difference between WOFF and TTF, instead of just select this font in Elementor: this is due to the strict GDPR regulations in Germany.

But I’m drifting off from the main topic: accessibility. As this is the second “article” about my journey to expand my knowledge about accessibility on the web, and how to make better accessible websites with Elementor Pro.

– Anne