Articles – Fonts and typography

Here you will see articles related to fonts and typography. If you have any suggestion on this topic (article, website or want to start a conversation), please feel free to comment below.

Articles


Why are tech companies making custom typefaces?

https://www.arun.is/blog/custom-typefaces/

What’s the Difference Between Variable and Parametric Fonts?

https://medium.com/aiga-eye-on-design/whats-the-difference-between-variable-and-parametric-fonts-4a6d06c9f9ff

From idea to typeface: How are fonts designed?

https://underscoretype.com/2018/09/27/from-idea-to-typeface-how-are-fonts-designed/

Structural Typography

https://medium.com/@BethanyHeck/structural-typography-26f00c19e2f0

A Better Way to Create Typography Design Systems

https://medium.com/@martinollivere/a-better-way-to-create-typography-design-systems-689c851dc616

A Guide To Combining Fonts

https://betterwebtype.com/combining-fonts-guide

Fonts That People Actually Use

https://icons8.com/fonts/helvetica-neue/menlo

Helvetica and the Aesthetics of Swiss Design

https://thedesignest.net/helvetica-and-the-aesthetics-of-swiss-design/

Weird things variable fonts can do

https://css-tricks.com/weird-things-variable-fonts-can-do/

Tungsten: a modern, industrious font

https://medium.com/@alyksandra/tungsten-a-modern-industrious-font-a1eb39beb841

Graphic Designer Substitutes Wordmarks In Famous Logos With The Fonts They Use

https://digitalsynopsis.com/design/famous-logo-fonts/

Modernizing Arabic Type for a Digital Audience

https://medium.com/google-design/modernizing-arabic-type-for-a-digital-audience-60c8e2ffa1a0

Speaker Spotlight: Laurence Penney on Variable Fonts

https://medium.com/pixel-pioneers/speaker-spotlight-laurence-penney-on-variable-fonts-e5692e65ee2

What is Typesetting?

https://alistapart.com/article/flexible-typesetting

An Exploration of Variable Fonts

https://blog.prototypr.io/an-exploration-of-variable-fonts-37f85a91a048

FFonts

https://www.ffonts.net/

Getting Started with Variable Fonts: Tips and Resources

https://speckyboy.com/variable-fonts/

Variable font experiments

https://markfromberg.com/projects/variable-font-experiments/

Sessions with typography

http://www.sessions-with-typography.com/

Rhythm in web typography

https://betterwebtype.com/rhythm-in-web-typography

 

 

Free Fonts Resources


Google Fonts

https://fonts.google.com/

BE fonts – Free Fonts for Creatives

https://befonts.com/

Font squirrel

https://www.fontsquirrel.com/

Da Font

https://www.dafont.com/pt/

Get Fonts

https://getfonts.com/

Urbanfonts

https://www.urbanfonts.com/

Abstract Fonts

http://www.abstractfonts.com/

Font Fabric

http://www.fontfabric.com/

The league of moveable type – Open Source Fonts

https://www.theleagueofmoveabletype.com/

DFF – World’s largest free font download repository, Daily updates with high-quality ttf & otf fonts

https://www.download-free-fonts.com/

FDR free fonts

https://freedesignresources.net/category/free-fonts/

DBF free fonts from Dribbble and Behance

http://dbfreebies.co/fonts

Fond Font

https://fondfont.com/

Free Typography

https://freetypography.com/

1001 Fonts

https://www.1001fonts.com/

1001 Free Fonts

https://www.1001freefonts.com/

Designermill free fonts

https://www.designermill.com/category/free-fonts/

Freebiesbug – Free fonts & Typefaces

https://freebiesbug.com/free-fonts/

 

 

Font Tools and Extensions


Fontface Ninja – a free browser extension that let you inspect, try, buy and bookmark any fonts on any website

https://fontface.ninja/

Font playground

https://play.typedetail.com/

Wordmark

https://wordmark.it/

Use & Modify

http://usemodify.com/

Typewolf – What’s Trending in Type

https://www.typewolf.com/

Fonty – A simple tool for testing web fonts directly on live sites

https://fonty.dizoo.bg/

Font Joy – Font pairing made simple

https://fontjoy.com/

Better Web Type – Better web typography for a better web

https://betterwebtype.com/

Tyffle – Try Google Fonts Blazing Fast

https://tyffle.ml/

What font is – The best font finder tool

https://www.whatfontis.com/

Archetype app – Digital typography design tool

https://archetypeapp.com/

Mixing Typefaces cheatsheet

http://www.as8.it/handouts/mixing-typefaces_U&lc1992.pdf

Font Reach – it scans the top million sites to show font usage across the web.

https://www.fontreach.com/

Fontflame – Tinder for Font Pairing.

http://fontflame.com/

Our own thing – Font pairing

http://www.ourownthing.co.uk/fontpairing/

Typespiration – Free inspirational web font combinations with color palettes and ready-to-use HTML/CSS code.

http://typespiration.com/

Font Matcharator (scan image to find font)

https://www.fontspring.com/matcherator

Font Combinator

https://www.typotheque.com/fonts/combinator/latin

Font-Combinator

http://font-combinator.com/

Fonts in use

https://fontsinuse.com/

Font Pair

https://fontpair.co/

Typ.io – Fonts that go together

http://typ.io/

Canva – Font combinations

https://www.canva.com/font-combinations/

Modular Scale

https://www.modularscale.com/

Type Scale – A visual calculator

http://type-scale.com/

Prototypo – Create unlimited typeface variations with a few swipes

https://www.prototypo.io/

Adobe Typekit – Great fonts, where you need them

https://typekit.com/

Type Connection – A typographic dating game

http://www.typeconnection.com/index.php

Typecast – Design for the reader by putting type first

https://typecast.com/

Fontea – Plugin for Photoshop to use Google fonts

https://fontea.madebysource.com/

Variable fonts – A simple resource for finding and trying variable fonts

https://v-fonts.com/

Fontbase – Font management. Perfected.

https://fontba.se/

 

Back to Top