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

How to write them


The syntax is pretty straightforward – but the values are not, since some of them have been deprecated.

Starting with @media followed by the not/all expression, type and again not/all plus its features contained within ( ) – this rule actually has tons of applications.

Let's find all the types together:

  • All for types means that the following CSS will be applied to every instance of every medium available

  • Aural was use to style content for screen readers – with properties as beautiful as voice-volume, voice-balance, voice-rate, speech and so on…Now almost deprecated, with lots of its values moved to the speech media feature

  • Braille, for (you guessed it) Braille tactile machines

  • Embossed – this time to output content on Braille printers. The world is a beautiful place

  • Handheld – crazy to think there once was such a term used in CSS, while as of today we opt for the simpler "mobile"

  • Print – the majority of the work was usually put here, other values were ignored, unless you were in...