Typography

Expand details

Author:

Adham Dannaway

Learn a logic-driven approach to design intuitive, accessible, and beautiful interfaces using quick and practical guidelines.

Expand details

Author:

Robert Mohns

Picking a font size for the web used to be really easy. 16 points and you’re done. You could feel confident that your content would be decently readable on PC or Mac, Netscape or IE. Man, have times changed.

Expand details

Author:

Obys Agency

More complex work with typography is becoming popular in web and web design is becoming more like posters and graphic design. Check out these principles of working with typography.

Expand details

Author:

Laura Martin

Type design may be intimidating to many, with terms such as leading, baseline, kerning, ascender, tail, and many more … The good news is, there are eight basic, universal typographical design elements: typeface, hierarchy, contrast, consistency, alignment, white space, and color. Even a basic understanding of each of these elements can revolutionize any design project.

Expand details

Available on:

Font Pairing Made Simple.

Expand details

Available on:

Preview and choose the right type scale for your project. Experiment with font size, scale and different webfonts.

Expand details

Available on:

Figma Plugin to curve your text upward, downward or into a circle.

Expand details

Available on:

A design system calculator that provides the foundational elements you’ll need for every project.

Expand details

Available on:

Take a set color palette and get contrast values for every possible combination.

Expand details

Available on:

Typeculator is a simple type scale calculator based on the "Golden Thread" technique.

Expand details

Available on:

The best Latin text generator for OS X. Incredibly quick and lightweight. And it’s completely free!

Expand details

Available on:

A typography tool, type in the word you want to see and instantly view it set in the typefaces on your computer.

Expand details

Available on:

Test page for estimating the relative x-height (aspect ratio) of a font.

Expand details

Available on:

This pen explores the benefits of using modular scale ranges to create fluid typography between a defined minimum and maximum screen size.

Expand details

Available on:

Identify fonts from any website, bookmark, try, and buy them.

Expand details

Available on:

Establish a typographic system with modular scale & vertical rhythm.

Expand details

Available on:

The easiest way to identify fonts on web pages.

Expand details

Available on:

Typeface is a wonderful font manager for macOS that helps you pick the perfect type for your designs.

Expand details

Available on:

Free and open source typefaces.

Expand details

Available on:

Digital products that make your design workflow faster and easier.

Expand details

Available on:

H&Co designs fonts for print, web, and mobile environments.

Expand details

Available on:

Open Foundry is a free platform for curated open-source typefaces; to highlight their beauty, activate ideas and encourage exploration.

Expand details

Available on:

5,110 curated design resources to energize your creative workflow.

Expand details

Available on:

Unique niche-and designer-oriented font library.

Expand details

Available on:

Fontshare is a free fonts service launched by the Indian Type Foundry (ITF). It’s a growing collection of professional grade fonts that are 100% free for personal and commercial use.