Type Reference
Typescale - Create stunning typography, generate CSS, and find inspiration.
G what? The elusive mystery of the letter g explained - TypeRoom
Despite seeing it millions of times in pretty much every picture book, every novel, every newspaper, and every email message, people are essentially unaware of the more common version of the lowercase...
Expert Lists: Fonts for UI/UX design — I Love 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.
Aspect ratio calculator for font-size-adjust
Flawless Typography Checklist
A complete typography master course in the form of an interactive visual checklist.
Letraslut
Making hand drawn fonts with a tablet, Adobe Illustrator and Glyphs Mini
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 ...
Proportio.app
Tool for creating proportional scales for typography, iconography, spacing, and components in design systems.
TYPE HUNTING
An on-going archive of found typography. Photographed & curated by Jonathan Lawrence.
Design Systems Typography Guide
Learn about choosing typefaces, font weights, styles, sizes, line-heights, and responsive type for your design system.
Text in Figma - Online Documentation
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
5 common mistakes to avoid while creating a typographic scale in 2021
These are 5 mistakes I made and learnt from while creating the typographic scale for the CallHub marketing website.
Line height playground
Getting to the bottom of line height in Figma
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.
Rhythm in Web Typography
Horizontal rhythm mostly impacts the legibility, while vertical rhythm impacts the readability of the text and establishes a sense of visual hierarchy.
Archetype, Digital Typography Design Tool by Our Own Thing, using Google web fonts
Foundations of Type Design
An accessible online course that covers the foundations of latin type design.
FontsArena — Free fonts, free alternatives, done-for-you-research articles. Ads-free open startup.
Free fonts, free alternatives to premium fonts, done-for-you-research articles. Open startup.
Fontstand News
Typotheque: Size-Specific Spacing of Fonts by Peter Biľak
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.
AI Can Now Copy Text Style in Images Using Just a Single Word - About Facebook
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.
Homepage
Our Favourite Uses of Typography in Watches
We examine the interesting and creative ways type has been used across the horological world...
20 Best New Fonts, June 2021
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
christiannaths/redacted-font
Keep your wireframes free of distracting Lorem Ipsum. - christiannaths/redacted-font
The Responsive Website Font Size Guidelines
Font size guidelines and best practices for mobile and desktop websites. Includes typography advice for both text-heavy and "interaction-heavy" responsive websites.
Font Sizes in UI Design: Principles & Resources
Principles for choosing font sizes across mobile, tablet, and desktop sites and apps. List of top typography resources in UI design.
Fonts | 2020 | The Web Almanac by HTTP Archive
Fonts chapter of the 2020 Web Almanac covering where fonts are loaded from, font formats, font loading performance, variable fonts and color fonts.
User Interfaces for Variable 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…