Book Image

Practical Responsive Typography

By : Dario Calonaci
Book Image

Practical Responsive Typography

By: Dario Calonaci

Overview of this book

Typography is an essential part of any website’s design. It can help you stand out from the crowd, communicate with clarity, and cultivate a distinctive identity. Practical Responsive Typography demonstrates how to use typography to greatest effect. With this book you won't underestimate it's importance - you'll be in complete control over this crucial component of web design. From scaling and optimizing screen spaces to using a range of different web fonts, you'll quickly get up to speed with the practical considerations behind successful typography. But more than the fundamentals, you'll also find out how to go further by customizing typography designs to suit your identity.
Table of Contents (17 chapters)
Practical Responsive Typography
Credits
About the Author
About the Reviewer
www.PacktPub.com
Preface
Index

A more complex exercise


Since this exercise will be more complex, we will bring the application of a modular scale, forward from our little beginning. We'll do our best to maintain at least the same initial values, so some math has already been covered. We are going to make a responsive structure out of rems.

Vertical rhythm

We have talked about rhythm for quite some time, it's time for a little pause in the exercise aimed at a better study of it. VR in text should be a strong, regular, repeated pattern of words and sounds. It's harder than it sounds. Keeping it consistent enough on our webpage will define a more readable, relaxing experience. In this specific case, the majority of the work is up to font-size and line-height.

Note

Another important thing to have is a consistent baseline: One general rule, apart from the print one of having the line-height at 120% of the font – is to have it for the web at 140/160%.

Right in the middle sits 1.5 – which seems a comfortable, easy to implement value...