ClickHelp Technical Writing Blog
Stories for technical writers, web developers and web designers willing to grow

Choosing Fonts for Technical Documentation

Posted by
Anastasia in Documentation UX on 2/18/20203 min read

coffee letters banner

Fonts are an important part of any documentation design. That is basically the body of the written text. Choosing a font directly influences text perception by readers: its readability and accessibility. Which, in its term, can change the learning curve and product adoption.

In this post, we will cover what you should pay attention to when playing around with fonts and their properties.

Using Color With Fonts

The easiest thing one can do is to write black letters on the white background. And, generally speaking, there's nothing wrong with that. However, if you want your docs to be more visually appealing and look professional, you might want to alternate the shades a little. Also, black is often replaced with dark grey to make the contrast softer - it is less tiring to read.

Using paler shades of the same color is something we often see with titles - this way it becomes easier to grasp the title hierarchy. While implementing this approach, don't forget about readability. Otherwise, it defeats the purpose.

black and white letters

We all might perceive colors a bit differently, this is an important thing to remember when using contrast in technical documentation.

On the one hand, contrast is vital for a readable text, on the other - overdo it just a tinsy bit and it will make your readers' eyes hurt.

create enough contrast

As far as the color schemes are concerned, there's no need to reinvent the wheel. Great color schemes/tools to generate them are available all over the Internet. Just checking Google's material design guide can alone do a lot of good!

Choosing Fonts

Serifs Are Coming?

Although sans-serifs are undeniably the most commonly used fonts on the Internet, there are certain trends in 2020 that are bringing back serifs.

hand with a pen

It is mostly connected to their strong story-telling characteristics. But, we believe that technical writing is going to stick to sans-serifs for now despite this. Why? Well, there were several reasons sans-serifs were chosen to represent the modern era of UI. One of the reasons is that these basic shapes are extremely readable and look great even on small screens.

Sans-serifs are clean and crispy. And that works like a charm for user manuals - less stress for readers through higher readability.

At the moment, your safest go-to options are Proxima Nova, Roboto, Open Sans, and other popular sans-serif fonts. Let’s leave storytelling to marketing for now and wait and see - perhaps the trend to humanize technical documentation will change things around.

Recipe for Perfect Font Combination

It is interesting how our brain chooses what it likes. More often than not, it likes what it is accustomed to. Talking about fonts, understandably, a technical writer would be at a loss trying to figure out which font combinations are better perceived by readers.

That is why most tech writers would just go with what their help authoring tool has by default, their company style guide offers, or just pick one safe font and that's it. Having a style guide is the best-case scenario while the other approaches we mentioned are not so flawless.

With that said, here's something to help you out with combining fonts: Font Coordination: How to Avoid Using the Wrong Fonts on Your Website. There you’ll find a nice little reference table that can save you a lot of trouble.

Conclusion

In our day and age, it is only natural for techcomm to be more than writing. Technical writers require basic knowledge in many fields (for example, in marketing). We hope that this overview of how to work with fonts will help you understand web design better to create more readable user manuals!

Good luck with your technical writing!
ClickHelp Team
Author, host and deliver documentation across platforms and devices

 

SEO and Technical Writing
Get This Ebook

Want to become a better professional?

Get monthly digest on technical writing, UX and web design, overviews of useful free resources and much more.
Like this post? Share it with others:
×

Mind if we email you once a month?

Professionals never stop learning. Join thousands of experts subscribed to our blog to get tips, ideas and stories from us once per month.
Learn more on ClickHelp
×
By using this site, you agree to our Privacy Policy and Terms of Use.     Learn more