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
About the Author
About the Reviewer

CSS3 custom units

CSS3 brings to the table some new units that aren't really relative to the content they are applied to—they are tied to the actual viewport they're currently seen in.

A little bit like rems, if you want a quick comparison for a better understanding.

Named as viewport percentage lengths, they are as follows:

  • vh: Viewport height

  • vw: Viewport width

  • vmin: Viewport minimum length

  • vmax: Viewport maximum length

Viewport units are actually represented by percentages. 1vh means 1 percent of the visible area height.

Vmin instead is 1% of the smallest side, while Vmax is 1% of the largest side.

If you set measures with them, your layout can drastically change, for example, when the phone is held in portrait or landscape mode, so be careful.

It seems impractical, but it comes in handy in today's web design world.

Previously, such measures were handled by percentages, which are referred to the containing element, so you have to set measures for every item from the top to the bottom for them to...