Modular Scale
Calculate, visualize, and learn about modular scales.
Type Scale - A Visual Calculator
Preview and choose the right type scale for your project. Experiment with font size, scale and different webfonts.
Capsize
Flipping how we define typography in CSS.
I studied the fonts of the top 1000 websites. Here's what I learned.
A design-curious data scientist crawled the top 1000 websites to analyze their font selections. Here are the fascinating results and how you can use them to guide your web design decisions.
About Legibility and Readability
Functional accessibility in typography includes legibility and readability among other things, and often the two terms are applied…
fontshare
Fluid typography with CSS clamp - Tutorial
Learn to create a simple, accessibility friendly and configurable fluid type system that uses modern CSS sizing functions.
Fonts In Use – Type at work in the real world.
A searchable archive of typographic design, indexed by typeface, format, and topic.
Recursive Sans & Mono
A highly-flexible variable font for design, code, and UI.
Uniwidth typefaces for interface design
Uniwidth typefaces have great potential for the use in interactive interfaces. This is a short compilation of some available typefaces.
Wakamai Fondue
The tool that answers the question “what can my font do?”
Piazzolla Type System
Specimen website for Piazzolla; a type family designed by Juan Pablo del Peral for Huerta Tipográfica
Linearly Scale font-size with CSS clamp() Based on the Viewport
Responsive typography has been tried in the past with a slew of methods such as media queries and CSS calc(). Here, we’re going to explore a different way
Css techniques legibility
17 Open Source Fonts You’ll Actually Love
The right typeface can make or break your website. As designers, we will always be naturally drawn towards the premium fonts such as Circular, DIN, or Maison Ne
The Type Directors Club - Promoting excellence in typography for over 70 years.
Leading-Trim: The Future of Digital Typesetting
How an emerging CSS standard can fix old problems and raise the bar for web apps
type together, typetogether, vik burian, jose scaglione, type foundry, type design, typeface, fonts, type, typography, custom fonts, newspaper fonts, book fonts, magazine fonts, graphic design, resources, corporate fonts, open type, essays on type, white papers, atypi, university of reading, maiola, athelas, ronnia, gitter, carmina, jockey, manual kerning, hinting, multilingual typography, greek, cyrillic, type1, truetype, lettering, letters, alphabet, download fonts
Type Together :: High quality fonts and custom type design
JetBrains Mono: A free and open source typeface for developers
Try JetBrains Mono in your IDE. Its simple forms and attention to every detail make coding a nice experience for developers’ eyes, no matter which IDE you choose.
Fonts
Font of the Month Club
Join the Font of the Month Club and get a new font in your inbox every single month! Each font is lovingly designed and produced by David Jonathan Ross.
caratteri | sitographics
Storia dei font
The complete list of font formats and their use
Read about the difference between desktop fonts and web fonts, and their different use.
37 Exceptional Font Pairings Trends in 2019
You must be updated with the latest trends in typography if you want amazing branding and designs. Check out popular font pairings that work well together.
Type Terms
Type Terms. The animated typographic cheat sheet.
Leon Sans
Leon Sans is a geometric sans-serif typeface made with code in 2019 by Jongmin Kim.
5 Keys to Accessible Web Typography
I wrote about fluid web typography in last month’s blog post and I realised that a lot of the popular implementation techniques come with accessibility issues. So I wanted to go back and revisit the basics and the best practices of accessible web typography.
Setting Type for User Interfaces
Use thoughtful typography for accessible user interfaces by looking for font characteristics that support quick comprehension when choosing type for your design.
Typography in Design Systems
Choose Fonts, Set a Hierarchy, and Integrate with Components