Typography Handbook

Metadata

• Author: typographyhandbook.com
• Full Title: Typography Handbook
• URL: http://typographyhandbook.com/

Highlights

Law of Proximity To master the positioning of elements, it is crucial to understand the Gestalt Law of Proximity. The Law of Proximity states that humans perceive objects that are closer together as related objects. And vice versa, objects that are farther apart are perceived as different groups. (View Highlight)

In typographic design, “proximity” refers to the amount of whitespace created by line height, margin, and padding. There should be a distinctive and noticeable amount of additional whitespace between two different sections. Consider the following example: (View Highlight) - Note: This is what bothered me in the default Quartz styling.

• Changing the value of the font-size of the html will also affect every em and rem element. This can be useful for implementing responsive web design. • User preference is important, so do not stray too far from font-size: 100% and 1em. • Use rem and em for font-size. • Use rem, em, or % for element positioning (margin, padding, etc). • Use em for media query dimensions. • For large headings or when text is grouped with an image, use FitText to achieve scalable headlines. Stray away from vw and vh due to incomplete support, difficulty in precise configuration, and because it does not listen to browser font or zoom settings. (View Highlight)

It is highly recommended to reserve underlines only for hyperlinks. This is a trend that the majority of websites follow, and deviating from it may cause confusion. (View Highlight)