6 free geometric fonts you need in your toolkit

Guest Blogger

Typography is one of the most dynamic and ever-changing areas of design and has a huge bearing on the overall UX of your work. Indeed, typography gives us the chance to evoke moods and feelings in the users just by selecting the appropriate fonts for the circumstance.

In both websites and mobile applications, sans-serif fonts are generally preferred for their lack of visual embellishments – serifs are thought to work better on paper than screen. This makes sans-serif a good fit for the flat design aesthetic while keeping the overall readability high.

But there are more categories than just serif and sans-serif. Sans-serif fonts are divided into four categories: Humanist, Grotesque Neo-grotesque & Geometric

Examples of Humanist Grotesque Neo-grotesque & Geometric fonts

In this article we’re going to look at some designers who really know how to use geometric fonts well – and then we’ll pick out a handful of the finest geometric fonts for use in our own projects.

Let’s go!

What do we mean by “Geometric Fonts”?

As the name suggests, these fonts are based on simple geometric shapes such as circles and squares. Geometric fonts are used mainly for headings of printed works, but can also suit web or mobile design projects.

Experts trace the rise of geometric fonts to the Bauhaus, the German art school which operated from 1919 to 1933. It is no coincidence that Futura, one of the most famous geometric fonts, was released in 1927 by Paul Renner, an artist strongly influenced by the Bauhaus movement.

One of the key principles of the Bauhaus was a strong focus on simplicity and function over superfluous decoration. Futura is a classy combination of cut-metal precision and understated elegance.

Geometric fonts in the wild

Let’s have a look at some examples of how geometric typefaces can be used with good results.

Jova

Website: Jova
Jova features an innovative navigation design.

Jova is a construction enterprise which is specialized in renovations of houses and shops.

Their website features an unconventional navigation menu which is based on a grid-style layout and it creates a professional, simple and refined look which goes well with the brand image.

The designers decided to write the text with a geometric font: I think it is a good choice because the linearity of the subtle typeface reinforces the overall design.

Le Parc Records

My second example is “Le Parc Records”, a music label. Here, the website is able to evoke a dark, contemporary, powerful mood thanks to the combination of rich background images and distinctive font choice.

Website: LeParc Records
Web design for record label, LeParc Records

Indeed, while the photography is spectacular, the typeface works beautifully to help bind the visuals together. Although the font is a bit bizarre, it is definitely attractive. The font is a geometric one which has no decorative serifs at the tips of the letters, but instead employs small inserts in some letters such as “O” and “X”.

This shows that geometric fonts not only work well in a sharp, elegant and clean setting like Jova, but also in cooler and edgier situations like Le Parc.

Comedy Central

The last example is the U.S. television channel, “Comedy Central”. A few years ago, Comedy Central underwent a rebranding process which introduced a new logo and a new look.

Website: ComedyCentral
Web design for Comedy Central

This project was carried out by “theLab“, a creative production agency, which decided to use the geometric font “Brandon Grotesque” to evidence the confidence and maturity of the company.

The font always appears in uppercase and it is used in the logo as well as in almost all the text which is present on the website. This evokes an idea of elegance and competence but at the same time, with the help of some images, it lets leak out the sense of humor which distinguishes Comedy Central.

Geometric Fonts For Your Library

Now that we have seen how geometric fonts can be used, it’s time to hunt down some of the best fonts you can download from the web.

Attitude

Font: Attitude

The designer of “Attitude”, Emil Kozole, says that the creation of the font was inspired by the Japanese and American popular culture of the early ‘90s. With this font, the designer certainly wanted to experiment with letters and shapes. The result is a typeface not unlike the one used in Le Parc Records.

The font has 7 different versions: regular”, “inline”, “3d”, “sliced”, “soldier”, “drunk” and “wasted”. Each version, with the only exception of “inline”, has 2 different styles: “regular” and “alternate”. Since “Attitude” is minimal but also stylish, it can work well for posters, clothes design, magazines and cd covers and, of course, for headings of websites.

The font can be downloaded for free here.

Biko

biko

Biko is a geometric sans-serif font created by Marco Ugolini for Monofonts. The name is a tribute to Steve Biko, a South African activist who fought against the Apartheid.

Biko has a friendly but strong character which makes the typeface good for websites, mobile apps, texts and logos. It is available in four different families: light, regular, bold and black.

If you need the font for personal use, you can download Biko for free here. If you need it for commercial purposes, you can buy a license here. Prices vary according to the kind of license you look for and in case you are interested in a single family, you can contact the font creator.

Geomancy

Font: Geomancy

Geomancy is a font developed by “One By Four Studio” and it clearly shows references to the geometric patterns inspired by the style of the French and American Art Deco. The font is designed to only contain uppercase letters, so we wouldn’t suggest using this for body text. I think that Geomancy is much better suited for titles and big posters.

In the package you can find two different versions of the fonts: “Extra Bold” and the thinner “Hairline”. According to the effect you want to create, you can use these families separately or together.

The fonts can be downloaded for free here.

Rometric

Font: Rometric

Rometric, by Thomas Richardson, heavily draws inspiration from the neo classic style of architecture, mixed with modern angles and geometric shapes. The most recurrent shapes are circles and triangles which are a common motif in neoclassicism.

The aim of the designer was to create a font which could explore and combine old and new trends within a single unique typeface.

What I really like of this font are the three horizontal lines present on every letter: they add a modern appeal and they make this font unforgettable. It’s a strange but pleasing meeting point between techno and art deco.

Of course, the font should not be used in long text passage, but only in headings.

You can download Rometric for free here.

Building

Font: Building

Building is a font designed by the Italian Leonardo Gubbioni. He tells us the font was created to “capture the attention of the viewer in a world where we are constantly assaulted by sensory stimuli”.

Building works especially well on page titles, packaging and clothes design. The font is composed of uppercase letters.

You can download the font here.

Moderne Sans

Font: Moderne Sans

Moderne Sans is a clean sans-serif typeface designed by Marius Kempken. The font is inspired by the typography of the 1920s. Here more than ever, letters are based on geometric shapes: the “O” is a perfect circle while the “M” and “N” are created by combinations of triangles.

If you download the font, which is free, you will get the uppercase version as well as the lowercase one.

The font can be downloaded here.

Over to you. Get designing!

The fonts I listed are just a few of my personal favorites, but the web is full of geometric fonts which are waiting to be downloaded and used.

Sometimes simple shapes can make the most compelling and inspiring design statements.

This article was originally written for Sitepoint by Simone Sala.

The author

Guest Blogger
Guest Blogger

99designs loves to share design how-to's directly from design professionals themselves. Reach out to share your thoughts, ask questions, or thank these experts for their awe-inspiring tips!

Related articles

21 famous creative quotes to inspire your next project

21 famous creative quotes to inspire your next project

What’s your favorite famous creative quote of all time? We recently asked our designer community that very question and their answers were, well, inspiring. While we offered a few creative quotes of our own to get things rolling, our design community wowed us with their response. The breadth of talent and style was inspiring—in fact, this may be one of…

How to create more fun and playful typography

How to create more fun and playful typography

Good typography may be hard work, but designers shouldn’t forget to have some fun with it! While crafting fonts and typographic characters can sometimes feel stiff and overly mathematical, we want you to help you find the joy in creating more expressive and playful typography. Of course, this approach is great for children-oriented design projects—but let’s not limit ourselves. After…

6 tips for better typographic hierarchy in web design

6 tips for better typographic hierarchy in web design

Have you ever looked at a design and thought, “Something doesn’t feel right”? If you can’t put your finger on what it is, the odds are good it’s an issue with your visual or typographic hierarchy.  When you cram content onto a page with a muddied mass of line breaks, bolded letters and italics—you’re sure…

Current Design Contests

Designers, check out these contests so you can start building your career.
0%