Typography

Typography

More
Typographic Scale Calculator
Typographic Scale Calculator
Choose the right font size from a harmonious type scale inspired by the way music works. For a beautiful and balanced typographic composition.
·layoutgridcalculator.com·
Typographic Scale Calculator
Modular Scale
Modular Scale
Calculate, visualize, and learn about modular scales.
·modularscale.com·
Modular Scale
Type Scale - A Visual Calculator
Type Scale - A Visual Calculator
Preview and choose the right type scale for your project. Experiment with font size, scale and different webfonts.
·type-scale.com·
Type Scale - A Visual Calculator
Capsize
Capsize
Flipping how we define typography in CSS.
·seek-oss.github.io·
Capsize
I studied the fonts of the top 1000 websites. Here's what I learned.
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.
·dribbble.com·
I studied the fonts of the top 1000 websites. Here's what I learned.
About Legibility and Readability
About Legibility and Readability
Functional accessibility in typography includes legibility and readability among other things, and often the two terms are applied…
·medium.com·
About Legibility and Readability
fontshare
fontshare
·fontshare.com·
fontshare
Fluid typography with CSS clamp - Tutorial
Fluid typography with CSS clamp - Tutorial
Learn to create a simple, accessibility friendly and configurable fluid type system that uses modern CSS sizing functions.
·piccalil.li·
Fluid typography with CSS clamp - Tutorial
Recursive Sans & Mono
Recursive Sans & Mono
A highly-flexible variable font for design, code, and UI.
·recursive.design·
Recursive Sans & Mono
Uniwidth typefaces for interface design
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.
·uxdesign.cc·
Uniwidth typefaces for interface design
Wakamai Fondue
Wakamai Fondue
The tool that answers the question “what can my font do?”
·wakamaifondue.com·
Wakamai Fondue
Piazzolla Type System
Piazzolla Type System
Specimen website for Piazzolla; a type family designed by Juan Pablo del Peral for Huerta Tipográfica
·piazzolla.huertatipografica.com·
Piazzolla Type System
17 Open Source Fonts You’ll Actually Love
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
·webdesignerdepot.com·
17 Open Source Fonts You’ll Actually Love
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, 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
·type-together.com·
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
JetBrains Mono: A free and open source typeface for developers
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.
·jetbrains.com·
JetBrains Mono: A free and open source typeface for developers
Fonts
Fonts
·hixle.co·
Fonts
Font of the Month Club
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.
·fontofthemonth.club·
Font of the Month Club
37 Exceptional Font Pairings Trends in 2019
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.
·niceverynice.com·
37 Exceptional Font Pairings Trends in 2019
Type Terms
Type Terms
Type Terms. The animated typographic cheat sheet.
·supremo.co.uk·
Type Terms
Leon Sans
Leon Sans
Leon Sans is a geometric sans-serif typeface made with code in 2019 by Jongmin Kim.
·leon-kim.com·
Leon Sans
5 Keys to Accessible Web Typography
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.
·betterwebtype.com·
5 Keys to Accessible Web Typography
Setting Type for User Interfaces
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.
·theblog.adobe.com·
Setting Type for User Interfaces