Top 26 typography resources for web designers
Typography, the art of arranging letters, can make or break a design and should be at the forefront of any designers skillset. Check out these top typography resources for web designers and developers.
Unicode Arrows
Welcome to the best part of the unicode spec.
Shapecatcher
Draw any unicode symbol with your mouse to instantly get its code! No more hunting through huge tables.
Calligrapher.ai
Generate realistic looking handwriting with several customisable parameters and download as SVG.
Fontshare
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...
The Good Line Height
Have you ever needed to create a type scale following an 8 point baseline grid, or really any grid, and had to spend extra time figuring out what should be the...
FontJoy
Generate font combinations with deep learning.
Colors & Fonts
A collection of color and typography resources for Web Developers and Digital Designers to find inspiration.
Coding Fonts
Collection of coding fonts with examples to spice up your editor.
Font Pairing
Experiment with font pairings from Google Web Fonts to find your perfect match.
RoughNotation
A small JavaScript library to create and animate annotations on a web page.
Variable Fonts
A simple resource for finding and trying variable fonts.
Land-book
Landing page inspiration gallery.
The Design of Forms in Government Departments
A digitally remastered book first published in 1962 on the design of forms in the UK Government.
FontDrop
Simply drag and drop your OpenType or TrueType font files onto this website to see what’s inside them. Supported formats are OTF, TTF and WOFF files. The...
Archetype
Archetype lets designers like you very quickly and easily create consistent typography styling and spacing live, in the browser. These styles are all...
FontPair
Font Pair is a typography site dedicated to helping creators use beautiful typography for their creative projects. Our goal is to empower all to design.
Adobe Fonts
Quality fonts at your fingertips.
Font Squirrel
Free fonts have met their match. We know how hard it is to find quality freeware that is licensed for commercial work. We've done the hard work, hand-selecting...
Google Fonts
Making the web more beautiful, fast, and open through great typography.
Typeplate
Typeplate is a “typographic starter kit”. We don’t make aesthetic design choices, but define proper markup with extensible styling for common typographic...
Typogui.de
A pocket guide to master every day’s typographic adventures.
Typewolf
What's trending in type.
Font Combinations
Typography made easy. Find a font combination for your design needs.
I Love Typography
This site aims to make typography more accessible and bring the study of typography to the masses.
Fonts In Use
An independent archive of typography.
Fancy Font Generator
Generate fancy, eye-catching text that works everywhere. Including social media posts, bios, instant messages, browser tabs, and more.
Keep exploring! 🧰✨
Check out the sidebar menu (or tap the in the bottom right on mobiles) to search and browse by tag.
