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

The free services for font embedding


Let's take a look at the ones with no price tag, starting with the broader, more interesting choices for us, and for the scope of this book.

CSS @font-face

Even though the @font-face rule was born with the CSS2 spec in 1998, it took almost ten years for browser makers to start supporting it – with real, widespread support coming not until a couple of years later.

That is why people usually see it as part of CSS3.

This solution requires you to personally own the license of the fonts you want to use – and to upload them to your server. Being based on self-hosting, it can add to your space and bandwidth fee quite quickly.

But there's an easy solution to that: subsetting.

Subsetting is the practical aspect in owning the fonts: you can take the original font file (usually a .ttf or .otf) and slim it down to only the characters that you need, deleting the unused ones.

This can be done with font editing software, such as the free FontForge or the ultra-famous FontLab...