Chapter 7. Meaningful Typography for Responsive Web Design
As I said in one of my talks at the Dayton Web Developers meeting:
"With a solid typographic scale you might even get away with not using a single image on your website."
The power of typography has got to be one of the most underappreciated assets in web design. Admittedly, we are seeing more and more designs where typography has been strongly considered, playing a major role in creating the intended atmosphere of a website or app.
In this chapter, our focus is going to be on a few aspects, tips, and tricks about the things we need to consider for RWD from a typography stand point.
We're going to talk about:
Pixels, ems or rems for typography?
Calculating relative font sizes.
Creating a Modular Scale for a harmonious typography.
Using the Modular Scale for typography.
Web fonts and how they affect RWD.
Using
FitText.js
for fluid-size headings.Using
FlowType.js
to improve legibility.