Book Image

Practical Responsive Typography

By : Calonaci
Book Image

Practical Responsive Typography

By: 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 (12 chapters)
11
Index

What this book covers

Chapter 1, Web Typography, introduces you to all the basic knowledge about typography.

Chapter 2, Responsive Typography, explains the basic application of the general knowledge of typography—applied on the Web.

Chapter 3, Web Fonts and Services, provides an overhauled look at the different solutions for custom fonts on the Web.

Chapter 4, Modern Scale, is an introduction to typography scales—and how to apply them.

Chapter 5, Viewport and Size, provides an introduction to viewport area and units—and, again, how to use them.

Chapter 6, Media Queries, explains what media queries are—and, of course, how to use them.

Chapter 7, Sass and Typography, is an introduction to Sass, what it is, and how it can help you write better CSS, along with a lot of examples of using it for better typography.

Chapter 8, Three Step Responsive, is a follow-up to the previous chapters, summarizing all the previous information and explaining how to apply it to your website's typography.

Chapter 9, Future Responsive – Hinting, takes a quick look at hinting, what it is, and an example solution to what will likely come in the future.

Chapter 10, Future Responsive – Drop Caps and Shapes, provides a quick look at the future of Web typography, with the introduction of drop caps and shapes on the Web—and how to code them now.