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

What is a font scale?


Good looking fonts alone won't necessarily make a beautiful, well balanced design.

We'll need a little math to step in to help us so that we'll be able to build a report of values between each element of our text– for it to appear harmonious, rhythmical, and more readable.

We need to define a scale.

You may not know it – but you look and use the classic typographic scale every time you fire up Adobe InDesign, Microsoft Word, or any modern software: the standard point sizes that are given to you are just that.

In a scale, each element answers to the scaling property, meaning that where x is a value, rx or it's ratio must be present inside the scale as well.

That ratio element is the foundation of the scale – and it's the numeric value we are going to work on.

The classic typographic scale is made of these values: 6, 7, 8, 9, 10, 11, 12, 14, 16, 18, 21, 24, 36, 48, 60, 72. You recognize it now, don't you?

Another important property of a scale is the number of the notes. Each...