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.
Golden Ratio Typography Calculator
Discover the perfect typography for your website by entering your current (or desired) font, font size, and/or content width. Experiment with different fonts,...
Instant font identification powered by the world’s largest collection of fonts.
All of these fonts can be effortlessly included on your website's design, thanks to the wonderful features of CSS.
Easy to implement, 3D typography for the web. Works with every font.
Open Foundry is a FREE platform for curated open-source typefaces; to highlight their beauty, activate ideas and encourage exploration.
Font style matcher
If you're using a web font, you're bound to see a flash of unstyled text (or FOUC), between the initial render of your websafe font and the webfont that you've...
The Style of Scarcity
Luxury design and font inspiration from the world's most prestigious brands.
An on-going archive of found fonts and typography. Photographed & curated by Jonathan Lawrence.
Coding Font Quiz
Take this gamified font picker to find your perfect coding font!
Fluid Typography Editor
Fluid typography is a modern way of approaching responsive typography. Instead of setting fixed typography values for individual screen sizes, we can set a...
Where type designers sell fonts in progress. High-quality fonts that are new to market and haven’t been overused.
Font of the Month Club
Font of the Month Club sends you a fresh new font every single month! Fonts of the month include distinctive display faces, experimental designs, and exclusive...
Preview 800+ Google Fonts on top of your own designs, without having to download the fonts.
Use & Modify
This is a personal selection of beautiful, classy, punk, professional, incomplete, weird typefaces. Open source licenses make them free to use and modify. This...
Leon Sans is a geometric sans-serif typeface made with code in 2019 by Jongmin Kim. It allows you to change font weight dynamically and to create custom...
Welcome to the best part of the unicode spec.
Draw any unicode symbol with your mouse to instantly get its code! No more hunting through huge tables.
Generate realistic looking handwriting with several customisable parameters and download as SVG.
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...
Generate font combinations with deep learning.
Colors & Fonts
A collection of color and typography resources for Web Developers and Digital Designers to find inspiration.
Collection of coding fonts with examples to spice up your editor.
Experiment with font pairings from Google Web Fonts to find your perfect match.
A simple resource for finding and trying variable fonts.
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.
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 lets designers like you very quickly and easily create consistent typography styling and spacing live, in the browser. These styles are all...
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.
Quality fonts at your fingertips.
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...
Making the web more beautiful, fast, and open through great typography.
A pocket guide to master every day’s typographic adventures.
What's trending in type.
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.
Keep exploring! 🧰✨
Check out the sidebar menu (or tap the in the bottom right on mobiles) to search and browse by tag.