103 Free Typography Ebooks, Tools and Resources
In essence, typography is the art of arranging letters and text in a way that makes the copy legible, clear, and visually appealing to the reader. Typography involves font style, appearance, and structure, which aims to elicit certain emotions and convey specific messages. It doesn’t ask the designer to draw their own letterforms, but to instead work with typefaces that already exist.
What is typography after all? How should text be structured? And how can the printed page be influenced by good design theories? Here we showcase 103 Free Ebooks, Tools and Resources on Typography to get your creative juices flowing, covering topics such as CSS, finding and using type, online tools, web fonts, combinations and many more.
Books
- Butterick’s Practical Typography – Matthew Butterick
- On Web Typography – Jason Santa Maria
- The Elements of Typographic Style – Online Version – Richard Rutter
- Practical Typography – Matthew Butterick
- Combining Typefaces: Free guide to great typography – Tim Brown
- The Typography Handbook – Kenneth Wang
Required Reading
- Web Design is 95% Typography – Oliver Reichenstein
- On Web Typography – Jason Santa Maria
- Upping Your Type Game – Jessica Hische
- Why Typography Matters – Max Brody
- UI is visible. Type is visible. – Mark Boulton
Articles
- No @font-face Syntax will ever be Bulletproof, Nor Should It Be
- Font Aliasing, or how to rename a font in CSS
- The Future of Web Fonts
- Your Body Text Is Too Small
- Methods for Controlling Spacing in Web Typography
- Bold or Italic
- Webfonts on the Prairie
- Typography is impossible
- The New Web Typography
- Tools And Resources For A More Meaningful Web Typography
- Better web typography in 13 simple steps
- Choosing web fonts: 15 expert tips
- The Good, The Bad And The Great Examples Of Web Typography
- Web Fonts Performance: Making Pretty, Fast
- Font Smoothing
- The State of Web Type
- Dashes in Web Typography
- Scale & Rhythm in Typography
- Typographic Scale
- The Mathematical Symphony of Typography
- The Best Free Alternatives to the Most Popular Fonts
- A History of Typeface Styles & Type Classification
- 26 digital typography rules for beginners
- Variable Fonts for Responsive Design
- Typeface Mechanics
- Truly Fluid Typography With vh And vw Units
- Viewport Based Typography
- Animated Typographic Cheat Sheet
- Typography for User Interfaces
- Loading Web Fonts Asynchronously
- Font-size: An Unexpectedly Complex CSS Property
- 93 most popular premium fonts alternative Google Fonts
No code. No hassle.
Divi takes the power and freedom of WordPress and adds a wonderful visual design interface on top. Now you get the best of both worlds.
WordpressGAME CHANGER!
RELATED
Other Related Posts
- 16 Sites With Free Typography Ebooks – 2014
“Typography is the craft of endowing human language with a durable visual form.” – Robert Bringhurst - 7 Free Typography Ebooks – 2011
A great compilation of free typography ebooks. - Other free typography ebooks and resources
- Other web design resources
Finding & Using Type
- Choosing Type and Finding Fonts – Robbie Mason
- Pairing Typefaces – Mandy Brown
- Design By Numbers: Typography – Daniel Eden
- There is no excuse for bad typography on the web. – Joshua Eithun
- Run Ragged – Mark Boulton
- Revealing designers’ decisions for all to see – Typ.io
- 7 Alternatives to Popular Web Typefaces for Better Performance – Katie Kovalcin
- Selecting Typefaces for Body Text – Tim Brown
CSS
- Responsive Typography | ARWHD – Charles Peters
- Fluid Type – Trent Walton
- Typesetting your CSS Objects – Spiros Martzoukos
- Aligning type to baseline the right way using SASS – Razvan Onofrei
- Optimize Legibility – Dmitry Fadeyev
- Please Stop Fixing Font Smoothing – Dmitry Fadeyev
- Hyphens, Text Rendering, and Font Feature Settings – Chris Mills
- There’s more to the CSS rem unit than font sizing – Roman Rudenko
- Font Sizing Idea – Chris Coyier
- Minimising Font Downloads – Jake Archibald
- Loading webfonts with high performance on responsive websites – Adam Beres-Deak
Online Tools
- Scale & Rhythm
- Type Set With Me
- Type Scale
- FFFFallback – A simple tool for bulletproof web typography.
- Type.css – A mobile first responsive type scale
- CSS Font Stack – A complete collection of web safe CSS font stacks and web font CSS.
Purely Visually Stimulating
- Whitespace – Marcin Wichary
- Google Web Fonts Typographic Project – Phoebe E
Web Fonts & Web Performance
- Controlling Font Performance with font-display
- Lightning Fast Font Loading Techniques
- Loading webfonts with high performance on responsive websites
- Font Loading Revisited with Font Events
- How we use web fonts responsibly, or, avoiding a @font-face-palm
- Better @font-face with Font Load Events
- Better webfont loading with using localStorage and providing WOFF2 support
- Using Web Fonts the Best Way (in 2015)
- Web Font Loading Patterns
- Performance and Web Typography – Video
Tools
- The State of Web Type – Up-to-date data on support for type and typographic features on the web
- A simple plugin to keep font-size in proportion with it’s containers size
- Type Rendering Mix
- Web Font Loader
- Preventing the Performance Hit from Custom Fonts
- Web Font Optimization
- Font Face and Performance
- Normalize-Opentype.css – Adds OpenType features—ligatures, kerning, and more—to Normalize.css.
- Type set.js – A typographic pre-processor for your html which uses zero client-side JavaScript
- brick.im
- Typebase.css
- Google WebFonts Helper
- Using Custom Fonts in Emails
Font Combinations
- Mixfont
- Font Combinations
- Google web fonts in action
- Beautiful Web Type
- Top 5 Google Fonts
- 100 Days of Fonts
- Google Web Font inspiration in HTML & CSS
- Google Font Pairing Tool
Talks
No code. No hassle.
Divi takes the power and freedom of WordPress and adds a wonderful visual design interface on top. Now you get the best of both worlds.
WordpressGAME CHANGER!
Bookworm Videos
Watch videos about books, reading and writing. Expect weird, amazing, never known before facts and many more.
INTERNET / DIGITAL MARKETING HUB
Download free Internet Marketing Ebooks, comprehensive tips & tricks and informative infographics.
