Chapter 4

Type

Though poorly rendered and clunky at times, type in Photoshop is still a critical element. To save yourself or someone else future frustration, be responsible with implementing type and leverage features like Character and Paragraph styles.

Centralize Fonts

Make every attempt to draw from the same font pool as your teammates. i

Centralize Fonts

Missing font dialogs are the absolute worst. Get everyone pulling from Typekit or a shared folder of licensed fonts.

Don’t Stretch Type

Besides looking awful, there’s no easy way to do it via HTML/CSS. i

Don’t Stretch Type

Beyond not being able to do it programmatically, I doubt the typographer intended for their type to be squished or stretched.

Control Your Text Boxes

Nice to see you using text-boxes. Just don’t make them 5 miles longer than the actual text. i

Control Your Text Boxes

Longer-than-necessary text boxes can prohibit selecting text that’s behind it and can be frustrating to work around.

Separate Your Text Boxes

Heading? Gets its own text box. Set of paragraphs? Gets their own text box. i

Separate Your Text Boxes

It takes more clicks to find the font family and size of multiple types of text within one text box than it does to do so on an individualized, singular text box.

Use Character Styles for Consistency

How thoughtful of you to give *every* text instance a slightly different font size. i

Use Character Styles for Consistency

Even in the case your H3’s are all the same, Character Styles allow you to make blanket changes a million times easier than before.