:max_bytes(150000):strip_icc()/common-lobster-467485253-5adc8c6ac5542e0036ce37c3.jpg)
It's a common challenge when designing a composition or layout to combine a headline with body copy. This presents the issue of what typeface to choose for the headine and what for the body copy. This is known as "Typeface Pairing", and their more than a few design website devoted to the issue.
It's useful to have two typefaces, each with weight and angle variations, for a given layout. However, too many typefaces can be visually confusing.
Limit the number of variation and typefaces, but choose typefaces that contrast each other.
Here's an example that I used for a website of mine, anaglyphs.khazar.com, which uses Alternate Gothic for headings, and Garamond Pro for body copy.
Here's some good websites devoted to typeface pairing
Arranging text is called Type Alignment. The basic options are:
The left edge of the lines of text is vertically aligned while the right edge is 'ragged'. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vel ultricies lorem, vel pellentesque enim. Nam aliquam facilisis lacus, a maximus quam sodales non. Suspendisse commodo non sapien eu hendrerit. Nam tempor justo nunc, vitae aliquet ante tincidunt sit amet. Nullam velit ante, vestibulum in pharetra id, venenatis eu dui. Aliquam semper congue gravida. Donec augue elit, volutpat vitae convallis sit amet, gravida vitae ex. Mauris at commodo tellus. Vivamus sodales molestie augue non dignissim.
The right edge of the lines of text is vertically aligned while the right edge is 'ragged'. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vel ultricies lorem, vel pellentesque enim. Nam aliquam facilisis lacus, a maximus quam sodales non. Suspendisse commodo non sapien eu hendrerit. Nam tempor justo nunc, vitae aliquet ante tincidunt sit amet. Nullam velit ante, vestibulum in pharetra id, venenatis eu dui. Aliquam semper congue gravida. Donec augue elit, volutpat vitae convallis sit amet, gravida vitae ex. Mauris at commodo tellus. Vivamus sodales molestie augue non dignissim.
Both the right and the left sides align vertically. This can lead to issues with spacing between words, and usually calls for the use of hyphenation. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vel ultricies lorem, vel pellentesque enim. Nam aliquam facilisis lacus, a maximus quam sodales non. Suspendisse commodo non sapien eu hendrerit. Nam tempor justo nunc, vitae aliquet ante tincidunt sit amet. Nullam velit ante, vestibulum in pharetra id, venenatis eu dui. Aliquam semper congue gravida. Donec augue elit, volutpat vitae convallis sit amet, gravida vitae ex. Mauris at commodo tellus. Vivamus sodales molestie augue non dignissim.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vel ultricies lorem, vel pellentesque enim. Nam aliquam facilisis lacus, a maximus quam sodales non. Suspendisse commodo non sapien eu hendrerit. Nam tempor justo nunc, vitae aliquet ante tincidunt sit amet. Nullam velit ante, vestibulum in pharetra id, venenatis eu dui. Aliquam semper congue gravida. Donec augue elit, volutpat vitae convallis sit amet, gravida vitae ex. Mauris at commodo tellus. Vivamus sodales molestie augue non dignissim.
Hard to read! The eye has a hard time following
from the end of one line to the beginning of the
next. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Etiam vel ultricies lorem, vel pellentesque enim.
Nam aliquam facilisis lacus, a maximus quam sodales non.
Suspendisse commodo non sapien eu hendrerit.
Nam tempor, vitae aliquet ante tincidunt sit amet.
Nullam velit ante, vestibulum in pharetra id, venenatis eu dui.
Aliquam semper congue gravida.
Donec augue elit, volutpat vitae, gravida vitae ex.
Mauris at commodo tellus.
Vivamus sodales molestie augue non dignissim.
Live demo covering Leading, Kerning and Tracking in Illustrator...
If you haven't already done so, read Graphic Design Solutions: Chapter 4: The Design Process & Chapter 5: Creativity & Concept Generation.
5th Edition pages 73-113, 4th Edition
pages 67-104 (Chapter 4 combined 5th edition chapters 4 and 5)