This book will take your typography knowledge from starter level to pro, focusing on clear writing, simple real-world examples, and the application of both of these to the exciting World Wide Web!
Typography is one of the most important parts of any website's design. This book will show you, with practical examples, how you can implement practical typography techniques to make your site responsive. This book will be a mix of responsive typography concepts and its practical implementations. The best way to approach this topic is to give users a clear roadmap to the fundamental ways of responsive typography, scaling and optimizing screen spaces, using Web Fonts and the multiple ways to do so, and the common pitfalls in this process. Then, the book will move towards real hands-on examples that will make you design your own responsive typography designs and customize existing designs without any external help.
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.