Web & app design

14 Free Typographic Resources

Discover free websites and tools for your typographic design projects

Typography is an essential element for any design project. Regardless of your degree of experience, the sites and resources we have highlighted here will help you research, create, and play with different fonts.

Research and inspiration

What The Font

Have you ever seen a typeface that you like but cannot identify? This site solves this problem. It allows you to upload an image match your font with one of over 130,000 fonts in its database. It will also find similar fonts you can use in your projects.

What The Font
What The Font

Type Sample

A plug-in for Google Chrome that will allow you to identify typefaces on the websites you visit. A simple but useful tool.

Type Sample
Type Sample

Fonts In Use

A typographic catalog that lets you see how all kinds of typefaces are used in real-world design projects, from ads and books to movies or products. This tool is ideal for researching whether a certain typeface will fit your project.

Fonts In Use
Fonts In Use

Typeverything

A collaborative site from some of the world's leading designers, such as Alex Trochut, Jessica Walsh, and Mais Then. This site showcases great fonts from independent designers.

Typeverything
Typeverything

Typewolf

Another inspirational site that features some useful resources and recommendations. Every day a site with interesting typographic designs is featured, curated by designer Jeremiah Shoaf.

Typewolf
Typewolf

Free typefaces

Google Fonts

A collection of almost a thousand type families. It allows you to use your custom text so you can test which font is ideal for you. Perfect for editorial design projects.

Google Fonts
Google Fonts

Font Squirrel

A popular site with a good collection of fonts, featuring various styles and classified with numerous labels that facilitate searching. It lets you use your custom text to compare typefaces.

Font Squirrel
Font Squirrel

DaFont

A classic site for typography lovers, with a collection of fonts that are ideal for beginners, or for when you are looking for a specific look for your projects and mock-ups. It allows searching by different styles and contains a large collection of icon fonts.

DaFont
DaFont

Get to work

Tutorial: Choosing the best typeface

In this tutorial, designer Sindy Ethel shares the essential steps to follow when choosing the best font for your design, lettering, and illustration projects.

Sindy Ethel
Sindy Ethel

ModularScale

A modular scale calculator that works like a ruler. Find the exact measurements of bases and ratios to make your project look flawless. You can check it online or download an extension for your browser.

ModularScale
ModularScale

Typetester

On this site you can compare different fonts to see if they mix well. You can also design your own typographic projects on the site without having to write a single line of code while using types from Adobe Edge, Typekit or Google Fonts. To use this functionality, you will have to register and agree to share your projects.

Typetester
Typetester

Tutorial: OpenType fonts

In this tutorial, designer Enric Jardi explains the advantages of the OpenType format for editorial design projects.

 Enric Jardi
Enric Jardi

Let's have some fun

Font Flame

This web app describes itself as "the Tinder of fonts". You will see random fonts on the screen, and decide whether you hate or love them. It is a good place to fish for inspiration. You can also browse expertly-curated fonts.

Font Flame
Font Flame

Kern Type

A game to practice your kerning skills. Will you be able to break your own record?

Kern Type
Kern Type

Recommended courses

Introduction to Python Programming. Web, and App Design course by Rodrigo Montemayor

Introduction to Python Programming

A course by Rodrigo Montemayor

Learn programming foundations for Python from scratch and find out how to code your first program

  • 5360
  • 97% (110)
93% Disc.
Original price ₹2,699
Introduction to AI with Python. Web, and App Design course by Rodrigo Montemayor

Introduction to AI with Python

A course by Rodrigo Montemayor

Learn the basics of artificial intelligence and how to apply it in problem-solving

  • 9253
  • 99% (176)
93% Disc.
Original price ₹2,699
Fundamentals of Figma. Design, Web, and App Design course by Samuel Hermoso (Elastic Heads)
Domestika Basics · 5 courses

Fundamentals of Figma

A course by Samuel Hermoso (Elastic Heads)

Learn to create interactive interfaces from scratch using one of the most powerful and efficient collaborative design tools on the market

  • 15668
  • 99% (294)
87% Disc.
Original price ₹2,699