In this article…
Choosing great fonts for infographics can be overwhelming. There are over 90,000 types of fonts, and yet 61 percent of web pages use Serif or Sans Serif typography. You could choose three and avoid those font types to build your brand and personalize your content. The font is only one part of the infographic and must fit in with the overall graphic design while also standing out from all the other infographics people see. The point is to get viewers to share your content for maximum exposure, and knowing the latest trends can help your content stand out.
You’ve come to the right place! Click to get started!
A big trend going into 2018 is adding creative effects to your fonts such as gradients, texture, cutouts, and overlays. By looking at the basics parts of an infographic, including principles of graphic design, you will understand how to choose the font so that it flows with the overall style. The font you choose is important to the tone you want to set and knowing how to pair fonts adds visual impact; however, pay attention to the fonts chosen based on the hierarchy of typography.
The hottest trend in typography is creativity; experiment with unusual or uncommon fonts. Add a third font such as a decorative or script style for some flair or create contrast with font color. For your infographic to stand out among all the content on the internet, you need to have some element that is your brand. Maybe it is a type of personal font you use or a logo you designed; in any case, make sure there is a consistent element throughout your content. Tips for choosing great fonts will help you create unique infographics.
Determine what data you can visually express when considering the story behind your idea; however, use quality data and proper research to support your idea and give viewers something they value. Weave the data into your story through visual style and flow to express complex information. Keep the story short and create a visual theme through color, typography, and a style guide including scaled elements. Space things out to help with the visual flow allowing the negative space to serve as natural pauses.
Elements of an infographic
- Data story
- Visual style and flow
- Typography palette
- Plenty of space
Understanding the principles of graphic design is valuable for creating infographics. The proximity is about grouping elements of the graphic together based on their relationships with other information. Aligning elements helps to create a visual connection such as the text being spaced out but aligned to the same side; basically, use negative space to create a cohesive design. Repetition in the design such as a specific color or font style creates contrast by setting an element apart by color, shape, and even font.
Principles of graphic design
Great Fonts for Infographics
The types of the font you choose will have a huge impact on your infographic. They are important because they provide information and fonts are part of the visual experience. Typography, the style of letters, can also set the tone for your infographic. Unique fonts and quality content maximize impact; however, avoid cluttered infographics due to the wrong font size. The style of the font should not clash with the theme of your infographic.
The list of fonts below were the top ten fonts in 2017 and they are a great place to start for font ideas. Choose one and try to find a font in the same class while adding a third unexpected or creative font to grab attention. Look at other infographics to get an idea of what fonts or styles will pair well and for some inspiration. Different ones illustrate what types of font and color combinations work the best. Experiment with different fonts and pair those that either compliment or contrast each other.
2017 great fonts for infographics
- Myriad Pro
- League Gothic
For example, use a different color to emphasize important words to create contrast. The way you style the letters; bold, italic, or regular, and the way the text and graphics are laid out determines if people will share your content. Do not be afraid to use a bold color or decorative font to create contrast; you want people to share it so it must stand out. These tips will also add professionalism to your infographic as long as you keep it simple; like no more than three font styles and no more than three colors per piece.
- Choose 3 or fewer fonts
- Create contrast
- Use complementary or contrasting colors
- Layout with negative space
- Font supports style
Set the Tone
The font you choose makes the first impression and is an indicator of the tone of your content; whether serious, creative, or business related. The fonts below are examples of different font types fused based on the tone of the content. You can make certain information stand out by styling a few words differently; for example, use a bold font for headings and italicize important words so they stand out. Remember that the font you use sets the tone for the infographic, and it is important to keep the overall design in mind.
The serious fonts are great for business or professional infographics because they are not too fancy and legible. The creative examples are still legible while adding an artistic visual effect; however, it is best to keep it simple when using these styles, such as using them in a contrasting color for important information. Personal fonts are script or handwritten style which can add a personal touch to your infographic. Minimalist fonts are clean and great for infographics with well-spaced content and few graphics.
- Times New Roman
- Cabin Sketch
- Loved by the King
- Didact Gothic
- League Gothic
- Nanum Gothic
- Aaux Next
Another way to add some creativity to your infographics is by pairing fonts. A good rule of thumb is to pick fonts from the same class. Most people use Serif or Sans Serif, which are similar, both with composed lines except Serif has extensions from the ends of the letters which is slightly fancy compared to Sans Serif. Sans Serif is best for websites and flat designs and Serif is commonly used for print, business, and minimalist font types. Decorative is ideal for branding in labels, packaging, and posters while script works great for classic ads and content.
Create contrast with the same or similar font styles by applying different styles such as bold or italic. Use a bold typeface paired with a similar yet slimmer font to create headings and subheadings, and you can even use color or effects with the font. Pair fonts from the same class to create contrast while staying within the style, and you can even apply different sizes or styles for headings. You can use the same font yet make the headings, subheadings, and body all different sizes, styles, and color.
Pair fonts to reflect the style and to create strong, bold content with visually beautiful and stylish elements. You can experiment with pairing fonts and apply different effects, styles, and colors to find combinations which work well together. You can even use a third unexpected font to create some contrast such as using it for the title. If you are struggling with designing your infographic, there are resources to help you with tips for mixing fonts, or you can outsource content if you need to.
Tips for Choosing Great Fonts for Infographics
Experimenting with fonts it is an important part of infographics and graphic design, but remember to use negative space when designing the text layout. The spaces can help separate information and help with the visual flow for easy reading. When it comes to deciding what font works for your infographics, you must pay attention to the overall style and remember the principles of graphic design even when doing the text.
You can use a color or font style for contrast, just choose fonts which match the tone of your content and make sure it is legible and uncluttered by picking a font palette. The following tips can help you create a successful infographic, and keeping lists of your favorite fonts and combinations will give you something for reference.
- Take stock of computer’s fonts
- Keep a list of favorite fonts and pairs
- Experiment with different fonts
- Keep it simple and readable
- Font style reflects the tone
- Combine primary colors
- Pick three fonts to stand out
- Use negative space and graphics
When choosing fonts, it is important to understand the font hierarchy which shows the largest font being the title and going down in size from there. Size the body’s font in the teens to make it readable with notes and sources in the same font only smaller. The title is the largest and a good time to use an interesting or larger, bolder style font to set it apart.
Make subheadings the same font only smaller and styled differently while the body should always be a font type that is easy to read. Use the bolder, bigger fonts for titles and headings and smaller ones for the body.
Decorative fonts are excellent choices for adding some flair to the title, headings, chart labels, or captions. Use the flair font in one or two places to keep it simple and add visual interest to your infographic. Make the body font readable and include an accent font to balance the simple, readable font and decorative font. Decorative and script fonts are great for a flair font to add something personal to the content.
Number of fonts
- Title and headings
- The title is the largest
- Subheadings are the next largest
- Body is smaller
- Sources and notes are the smallest
Applying Tips to Infographics
Image made by Canva
Now, we will look at how to apply these tips to creating an infographic. Once you’ve gathered the information you want to express in your infographic, decide what the tone, colors, visuals, and fonts to use. Experiment with different fonts and combinations to see how each looks to help you decide what font to use.
In this infographic, the tone is creative, and for the title, the font is Lobster Two done in green and a size of 42 points for contrast on the purple. The subheading uses Josefin Slab in bold italic in a 24 point size paired with Josefin Sans in a size of 16 points.
The staggered alignment helps with visual flow and makes reading easier. Create contrast with colors and fonts while remaining consistent throughout the infographic. The lines are also repeated and help to separate information, expressed in bullet points with simple visuals to fill the negative space and to grab attention. The creative font for flair appears only once, in the title, and the other two fonts are in the same style font. The visuals are simple yet draw attention to create a clean, bold design for the infographic.
One more important tip to remember is to promote your content properly. You can post a preview of from a social media site to see how people react to your design before using it for marketing. Do not be afraid to ask for honest feedback on your infographic because what people think about matters when it’s shared Keep a list of the fonts you use and like along with pairings you want to use.
The best thing to do is to experiment with designs and fonts. Practice applying these tips to infographics and keep lists of your favorite pairings and play around with color in the font to help create contrast. When using an unexpected font style, use it in one or two places so that it stands out.
If you still want help designing an infographic, do not hesitate to seek help from outsourcing. The main thing is that the infographic’s content is visually explained and laid out in a readable way to encourage sharing.