Typography

How important are fonts in user interface and user experience design? We have the answers and a monster edition of Expert Lists authored by typography expert Johannes López Ayala. Johannes shares 16 font families that he recommends for use in UI/UX design.

A complete typography master course in the form of an interactive visual checklist.

This video explains my process for making hand drawn fonts using my Wacom Bamboo tablet, Adobe Illustrator CS6 and Glyphs Mini. This was done on my Mac Mini ...

Tool for creating proportional scales for typography, iconography, spacing, and components in design systems.

An on-going archive of found typography. Photographed & curated by Jonathan Lawrence.

Learn about choosing typefaces, font weights, styles, sizes, line-heights, and responsive type for your design system.

Text is a crucial aspect of interface design. Everything from the placement to font choice, has a part to play. Text properties allows you to control

These are 5 mistakes I made and learnt from while creating the typographic scale for the CallHub marketing website.

We’re altering the way we handle text in Figma. Join me on the journey we took to get there — through type history and into the modern times.

Horizontal rhythm mostly impacts the legibility, while vertical rhythm impacts the readability of the text and establishes a sense of visual hierarchy.

An accessible online course that covers the foundations of latin type design.

Free fonts, free alternatives to premium fonts, done-for-you-research articles. Open startup.

Type design must consider not only the shape of the letters, but also the white space around them, which is essential for the ease of reading.

We’re introducing TextStyleBrush, an AI model that can copy the style of text in a photo using just a single word so you can edit and replace text in images.

We examine the interesting and creative ways type has been used across the horological world...

Welcome to a new series of articles, in which we round up the best new fonts released from some of the top designers on the Web.In this inaugural edition, the collection includes fonts released or e

Keep your wireframes free of distracting Lorem Ipsum. - christiannaths/redacted-font

Font size guidelines and best practices for mobile and desktop websites. Includes typography advice for both text-heavy and "interaction-heavy" responsive websites.

Principles for choosing font sizes across mobile, tablet, and desktop sites and apps. List of top typography resources in UI design.

Fonts chapter of the 2020 Web Almanac covering where fonts are loaded from, font formats, font loading performance, variable fonts and color fonts.

The tools we design with have a unique effect on the way we work, constraining and empowering us while we explore, examine and create. Variable fonts give us a new, wide open typographic space with…

Libre typeface catalogue, focusing on somewhat contemporary type.

Learn how to select, setup & edit your typography styles within a design system!

Choose the right font size from a harmonious type scale inspired by the way music works. For a beautiful and balanced typographic composition.