Responsive Typography: Using Type Well on the Web

by Jason Pamental

Responsive web design helps your site maintain its design integrity on a variety of screen sizes, but how does it affect your typography? With this practical book, graphic designers, web designers, and front-end developers alike will learn the nuts and bolts of implementing web fonts well, especially how to get the best appearance from type without sacrificing performance on any device.

After examining typography fundamentals and the evolution of type on the Web, author Jason Pamental provides useful approaches, real examples, code, and advice for making your type performant, progressive, proportional, and polished--the primary ingredients of responsive typography.


Understand how type plays a vital role in content-first web design
Weigh the tradeoffs between self-hosting and using a font service to get the best performance for your site
Get your type on the screen fast by designing for Progressive Enhancement
Use a responsive relative scale to adjust proportions between typographic elements for any device or resolution
Polish your type with ligatures, kerning, and other techniques to create rich, textured reading experiences

Genres: Design

110 pages, ebook

First published September 10, 2014

Reviews

[Jared Moore]

Learned historical context for web fonts and some ideas for responsive design with them (applicable to any fonts). Not long, nothing groundbreaking to me.

[Frank · Rating 3 out of 5]

I liked it because I enjoyed working with type when I majored in graphic design in college (and afterwards before I switched careers), and also because I enjoyed coding during my years as an IT professional. So as a retired IT guy this caught me up to date a bit on the state of typography on the web as of 2015.

[Aleš Roubíček · Rating 4 out of 5]

Velice dobře zpracovaná kniha o responsivním designuv souvislosti s typorafií. Skvěle mi zapadla do konceptu předchozích knih (Mobile First, Responsive Web Design, Responsive & Fast : Implementing High-Performance Responsive Design) a pěkně to celé uzavřela a rozšířila. Vypadlo mi z toho jak vlastně k tvorbě stránek přistuju podvědomě už delší dobu:

Content First - web začínáme stavět od samotného obsahu, na základě kterého vybíráme vhodné fonty a ladíme celkovou typografii.
Mobile next - následuje layoutování pro mobilní zařízení.
Progressive enhancement - přizpůsobujeme jak typografii, tak layouty pro vyšší rozlišení.

Doporučuju