Smashing Magazine

Whether you're interested in determining the right paragraph layout or typographic details, observing the correct typographic etiquette or making the other small decisions that will dramatically influence how your website is perceived, many answers will present themselves in this collection of articles.

TABLE OF CONTENTS

• The Perfect Paragraph
• Mind Your En And Em Dashes: Typographic Etiquette
• Why Subtle Typographic Choices Make All The Difference
• A Closer Look At Font Rendering
• The Creative Way To Maximize Design Ideas With Type
• Applying Macrotypography For A More Readable Web Page
• Avoiding Faux Weights And Styles With Google Web Fonts

Technical Information

• Formats: PDF, EPUB, Kindle (DRM-free)
• Pages: 139
• Language: English
• Released: April 2013
• Publisher: Smashing Media GmbH
• ISBN (PDF): 978-3-943075-55-7
• ISBN (EPUB): 978-3-94454002-3
• ISBN (KINDLE): 978-3-94454003-0

Excerpt From Chapter 1

The Perfect Paragraph — by Heydon Pickering

In this chapter, I’d like to reacquaint you with the humble workhorse of communication that is the paragraph. Paragraphs are everywhere. In fact, at the high risk of stating the obvious, you are reading one now. Despite their ubiquity, we frequently neglect their presentation. This is a mistake. Here, we’ll refer to some time-honored typesetting conventions, with an emphasis on readability, and offer guidance on adapting them effectively for devices and screens. We’ll see that the ability to embed fonts with @font-face is not by itself a solution to all of our typographic challenges.

Excerpt From Chapter 6

Applying Macrotypography For A More Readable Web Page — by Nathan Ford

Any application of typography can be divided into two arenas: micro and macro. Understanding the difference between the two is especially useful when crafting a reading experience, because it allows the designer to know when to focus on legibility and when to focus on readability.

This chapter focuses mostly on a few simple macrotypographic techniques — with a dash of micro — and on how to combine them all to build a more harmonious, adaptable and, most importantly, readable Web page.