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


Ligatures are important as they guarantee a better flow of legibility of the text and better readability of a word when some characters clash.

In fact, they are usually added, or better designed, when two letters are joined as a single one. This usually happens when two letters have ascenders, like ff, ft, that clash together producing a rather unpleasant result.

Even the ampersand symbol is born as a ligature, when the et in the handwritten Latin text where combined.

So, how we can apply them to the Web?

CSS3 standard introduces the property font-variant-ligatures to precisely address the matter through numerous values, such as:

  • Common-ligatures - no-common-ligatures

  • Discretionary-ligatures - no-discretionary-ligatures

  • Historical-ligatures - no-historical-ligatures

  • Contextual - no-contextual

  • Normal and none.

Each property can be declared with multiple values, containing all of the preceding declared values..

For example, if you like discretionary but not historical ligatures, you can write...