Elegant Themes Blog

Stay up to date with our most recent news and updates

20 Typography Trends to Pay Attention to in 2016

Posted on February 4, 2016 by in Resources | 30 comments

20 Typography Trends to Pay Attention to in 2016

Thanks to the omnipresence of digital devices, everyone is becoming aware of the importance of digital typography. In the United States alone some 187 million people are using smartphones. By 2017 it is estimated that over a third of the world’s population will own one. 42% of that market share is held by Apple with their suite of iPhones and iPads. When it comes to e-readers, Amazon has well over 43 million Kindle devices in circulation.

This wouldn’t necessitate any revolution in the typography world, except that Amazon, Apple, and even Google have continued their habit of innovation by introducing their own custom typefaces as an attempt get the most out of the transforming technological scene.

Amazon’s most significant contribution is the typeface, Bookerly, made just for Kindle:

New Typeface for Kindle

Source: Amazon

Google’s new custom typeface is Product Sans, and for Apple it’s the San Francisco typeface, which debuted with the Apple Watch.

Considering the fact that the average person could spend up to 11 hours a day looking at electronic media, these typography trends will inevitably make an impression, good or bad, on readers across the country. That’s why it shouldn’t be surprising to hear conversations about typography coming from groups that formerly would never have approached the subject.

This rising interest in typography is by no means a bad thing, and it makes 2016 a great time to step back and survey the typography world to see what is on the horizon, gaining inspiration and insight from this changing landscape. This list of twenty typography trends should provide an excellent starting point.

1. Scripts

This is a perennial favorite that is going to receive even more favoritism in the years to come. Scripts are one of those traditional typefaces that have appeared in a variety of trendy reincarnations. Take a look at this killer landing page from Plated:

Typeface with a humanized look

Source: Plated

Their familiarity and the natural feel allow script typefaces to escape the coldness, technical impression of the digital environment and achieve a more humanized look.

2. Watercolor

Watercolor is another style that can bring life to your digital canvas. Watercolor typeface gives the impression of a fun-loving and light-hearted attitude, so it is great when you want to emphasize a down-to-earth, personal approach behind a brand or service:

Watercolor typeface

Source: Eat Yourself Skinny

And here’s another example, this time of watercolor with an attitude:

Watercolor Typeface with an attitude

Source: We Love Noise

3. Really Big and Really Small

Font size is a means of controlling influence. By employing extremes, in isolation or right next to each, it becomes possible to convey a message powerfully without being obnoxious or obscure. You might see a single word that fills an entire screen, like this one from We Love Noise:

Varying between big and small font sizes

Source: We Love Noise

Or you can go the other direction in order to control points of focus and emphasis. Small words can speak loudly if presented in the right way:

Small words can speak loudly

Source: ThemeFisher

The smaller typeface usually calls for high contrast font colors with thick strokes. Combine this with a lot of surrounding negative space. Small typeface works very well with a hero-style image to highlight a product or value proposition:

Hero-style image

Source: Luxy Hair

4. Hand-drawn Typeface

Looking for something distinctive? Hand-drawn typeface is on the rise as a powerful yet versatile option, allowing it to be incorporated into designs, illustrations, custom graphics, advertising copy, and signage. They aren’t all hand-drawn. Some are stock fonts modified to look hand-drawn. Either way, they add a personal touch.

Diet Coke used this typeface on a promotional page with Taylor Swift and it worked very well:

Hand-drawn typeface

Source: Diet Coke

Among the list of typography trends, hand-drawn text is unique as it is capable of conveying subtle messaging about the organization behind it. Consequently, you probably won’t see too many hand-drawn fonts in the corporate world. But you will see them plenty in service industries:

Hand drawn type for subtle messaging

Source: DesignModo

5. Photo Overlays

This is the one you see on social media every day, usually on inspirational memes involving a quote over some nature scene. As a web design technique, photo overlays owe some of the popularity to developments in CSS that make it easier to make this kind of text editable:

Photo Overlays typography

Source: Waller Creek Conservancy

Because you are dealing with a photo background, you should keep text minimalistic or risk visual confusion. As for the background, there shouldn’t be elements in the image that jump out at you and steal the focus from your text.

6. Geometric Design

It’s probably not accurate to say that geometric fonts are themselves on the rise, but they are certainly being swept up within other trends. Take Jova’s approach as an example of how a striking geometric type can be in the right context:

Geometric design

Source: Jova Construction

And then there’s this geometric text placed over an animated background, which is just plain cool:

geometric text placed over an animated background

Source: Parallaxis

7. Serifs

With respect to popularity and sales, sans serifs tend to steal the spotlight. Many designers, however, are turning back to the good old-fashioned serif. It’s a typical example of one of those back to basics trends, and it works because serif fonts are elegant, readable, and clean.

Readers Digest chose the serif font after some A/B testing on their title design:

Serifs

Source: Mequoda

8. Slab Serifs

A specific type of serif, the slab serif, is also catching on. Thanks to high resolution capabilities, slab serifs can suggest boldness without being overly bold, conveying practicality, stability, reliability. A good slab serif can act as a solid foundation for a landing page:

Slab serifs

Source: Harewood House

9. Creative Use of the Simple

Sometimes creativity is all you need, and with typefaces this is no exception. Plenty of designers have taken the most basic fonts and made them memorable. The most obvious example of this approach is the text-over-image, which reverse the normal relationship between type and image:

Creative use of simple typeface

Source: DePaul

Those word clouds you see popping up everywhere are another example of this creative turn. Just make sure that, if readability is the ultimate goal, the message isn’t lost in the beauty. Meaning is primary:

Readability should be the goal

Source: The Guardian

10. Letterpress

Letterpress means one of two things:

Usually it refers to a typeface that has a subtle inset effect to make it appear pressed-in to a medium, hence its name:

Letterpress

Source: Denis Designs

Secondly, it can refer to a retro design style that you’ve certainly seen in last year’s typography trends in which various fonts are mixed and matched and fitted into a single justified column, as if the design were arranged on a press and stamped onto the page:

Retro design style

Source: Bureau of Betterment

11. Mixed and Matched

Mixed type means just a mix of types. Let’s say a minimum of three. This doesn’t just mean a variation on a single font, but a carefully matched set of very different fonts that play on each other’s idiosyncrasies to create an overall visual effect.

Balance is key to this approach, but when done right it can be very effective. Usually the fonts chosen for the mix take account of other textures, patterns and artwork that are going to be present in the design, playing off of these themes:

mix of typefaces

Source: Adventure

12. Retro

By now you know that retro is in. It has been always common in every art to look to the past for inspiration, but retro adds its own particular permutations to traditional typography trends. It gives the odd combination of nostalgia and futurism at the same time:

Retro typeface

Source: Roberlan Borges

And if grunge is your thing, you are going to need retro:

Typography trends 2016

Source: Kallio Gladiators

13. Decorative Type

There are mixed feelings out there about decorative type, and with good reason. Decorative type has been used plenty often to commit crimes again design. On the other hand, some designers have come up with solid applications of the most extravagant typefaces.

They can be subtle, just barely stylized approaches, or they can be bold and highly contrasted in order to highlight quirkiness or emphasize originality. At any rate, decorative type is clearly in this year, as can be seen in most of the other trends on this list:

Decorative typeface

Source: Jason Teunissen

14. All Caps

Need to send your message loud and clear? Want to yell at your readers without sending them running? Then you need to learn how to pull off an all caps typography. It isn’t easy and you can go overboard real fast, but done well it can be bold and beautiful, like the background text on this lively landing page:

All Caps Typography trends

Source: I Want My Startup

15. Font Availability

Design trends can be influenced by supply and demand fluctuations, just like anything else. Since font availability is on the rise, designers have become equipped with larger arsenals at a lower cost. Or, in the case of Google Fonts, no cost at all:

It has become easier to customize typefaces

Source: Google

This is big for typography. In the past, designers may have had to be very selective with typefaces, taking budget concerns into account under the old maxim that beggars can’t be choosers. That is becoming less true as it becomes easier to customize typefaces.

16. Type Customization

Speaking of customization in typography, type design was once an activity reserved for the elite. Not so much anymore, it seems, as the rank-and-file graphic designers are finding themselves presented with tools and utilities that allow them to come up with their own variations on existing fonts, and even embark on their own custom creations. The tools can be as simple as the Glyphs app which provides an entry-level set of production tools to empower beginners:

Prototype typefaces

Source: Glyphs

And then there is Adobe’s Project Faces, and others such as Prototypo and FontArk. Obviously these tools alone aren’t going to produce an expert-level typeface, but they will certainly increase the range of possibilities for the average designer.

17. Responsive Typography

With the vast market penetration of mobile devices and the fact that marketing today needs to remain appealing in various shapes and sizes, responsive typography is becoming a necessity. This basically means that typefaces must be capable of shrinking or expanding depending on the size of screen the viewer is using.

Although responsive typography may seem like a technical problem, it is an artistic challenge as well because the designer has to keep in mind all the different arrangements a layout might assume.

Responsive typography

Source: Flickr

18. Dramatic Type

Forget utilitarian. Sometimes your typeface needs to convey feeling as much as meaning, and for that function more designers are turning to dramatic typography. Dramatic typefaces stands out. Think sans serif fonts that reach through the computer screen and demand the reader’s attention and direct it toward points of emphasis:

Dramatic type

Source: RLPD

19. Flat Design

Flat designs tend to be user-centric, in the sense that they focus on utility and therefore make a great approach to app UI design. They don’t depend on bright color, but on a reserved readability and clarity. Take a look at this minimalistic weather app:

Responsive typography

Source: CreativeBloq

20. Icon Fonts

Icon fonts as a trend? You bet, and it makes total sense. Icon fonts can be very useful as a means of coming up with a comprehensive range of icons that have a consistent feel. And because they are scalable vectors they are responsive enough to adapt to high resolutions and various screen sizes.

Icon Fonts typography trend

Source: NetDNA

Typography Renaissance 2016

It’s important that you don’t jump into any one trend too far. Keeping your personal identity and a sense of moderation always at the forefront is key to a healthy appreciation of novelty and innovation. But regardless of where you take them and how many you choose to incorporate into your arsenal, these typography trends suggest that there are some exciting things afoot.

The growth in typographic sensitivity could mean a new renaissance for designers. It could bring with it a more demanding audience and greater expectations for well-executed typefaces. This in turn could mean a new wave of typography evolution and artistry. The trends listed here are only the beginning of the story.

Article thumbnail image by Epifantsev / shutterstock.com

download divi

30 Comments

  1. WOW! THANX A LOT! WONDERFUL, VERY INTERESTING & INSPIRING ARTICLE!!!

  2. These are awesome. Got a few good ideas for clients from this post. What’s a good plugin for custom fonts in divi?

    • “Use Any Font” is a plugin I use works well!

      • Awesome. I will have to try it.

  3. Thank you for this. Hoo-ray! Good typography may be making a much needed comeback. However designing typography is very much an art based on science, math, scale and proportion. I consider it highly doubtful that with whatever tools are available, that a beginner could design a well proportioned font—with correct weight for the strokes and the letters in proportion to one another. Font design is truly a specialized skill.

  4. Fonts are a design aspect I feel are always left till the last minute of the design process (if ever!), however can have such a dramatic influence on the overall look and feel of a site.

    Thanks for another great article.

  5. Thank you for the inspiration Dan.

    I love the Letterpress one. Amazing how an article can get the creative juices flowing again – thanks for that!

  6. Being new to the world of design I find this to be of great help. Fonts are exciting but my problem is how to keep my ever growing font library organized. Any suggestions on a tool that can make managing fonts on my iMac easier?

    • Nathan B. Weller

      I think asset organization is a big deal. Whether it’s images, fonts, brushes, or other things designers collect and like to have at the ready. Maybe that can be the subject of a Divi Nation short in season 2?

      • Nathan, I like the sound of that. It has taken me many years to come up with a system that works for me, but it still takes a lot of time. I would be very interested in learning about the tools that other designers are having success with.

  7. Wow, some really good stuff here. Inspiration is always nice. Thanks a lott.

  8. I am not a real techie…How does one bring and use these various FONT systems into the Elegant Themes Products?

    • Nathan B. Weller

      Right now there are a large number of fonts available out of the box with Divi. However, if you want to use other fonts with Divi you’ll need a third party plugin.

  9. Thanks for the tip on Google fonts and the any font plug in. Us newbies need tips like that.

  10. Always on point, Elegant Themes. I’ll be referencing this when I switch to Divi. Hats off and thanks for the bright ideas.

  11. Great in depth info in a condensed format!

  12. Helvetica Neue its a very wanted font nowadays..
    Just sayin :)!

  13. I wonder if some more options or a facility could be built into Divi – without causing bloat of course!

  14. I miss a mention of the Unicode range. Outside the english speaking world a font is no good without an extensive unicode character set.

    I think worth to mention are the free PT fonts,which include all variations of the cyrillic font set and of course all latin characters.

    http://www.paratype.com/public/

  15. I dont see the trends in this article. It is merely an explaination of different fonts options.

    As for the Reader’s Digest A/B testing – that was a a flawed test! Those are two very different logos, not a simple selection of serif vs sans-serif. The design of the San-serif version is better example of how to throw brand heritage out the window.

    • Thank you. I was thinking the exact same thing. All too often it seems these trend articles (all over the net) are really just a list of almost every possible choice.

      Seemed odd to me how sans- serif fonts were listed about six different times under different names. (dramatic / retro / grungy / photo overlay)

      No disrespect to the author. It was a great round-up and surely opened a few eyes. Just not sure I would call it trending.

    • Hi Marco, thanks for pointing that out. At the time of writing I didn’t know the test was flawed.

  16. I’m more of a classic, I try to keep typography as classic as possible, as people is used with simple fonts while reading websites. Still. I can say I don’t like to innovate but I when I see innovation on other websites, I like it.

  17. Love, love, loved it. Thanks. Always nice to see what’s in and coming.

  18. Wow! There are very nice!

  19. Any recommendation on a source for additional new fonts? I am inspired now to alter my Divi site but with the unlimited choices on WordPress, I don’t know what my best option(s) might be?

  20. Intersting read…..

  21. What is #9 “image under text” called specifically? I’d like to learn how to do that and use it with my divi posts but I’m having trouble locating any tutorials.

    thanks for the post

  22. This is truly amazing! These are possibly the best typography trends I have ever seen! I’m a graphic designer, and typography is really important in my field! These trends will definitely help me improve my typography skills! I look forward seeing more typography trends in the future! Thank you for all your help!

Join 341,592 Happy Customers And Get Access To Our Entire Collection Of 87 Beautiful Themes For The Price Of One

We offer a 30 Day Money Back Guarantee, so joining is risk-free!

Sign Up Today

Pin It on Pinterest

Share This