Top Banner
Typography • Font type • Font size • Font style (e.g., bold, italic) • Color • Font effects The first 3 of these can be set in the formatting toolbar, and all of them can be set in the Format => Font… dialog box:
31

Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.

Dec 23, 2015

Download

Documents

Owen Warren
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.

Typography

• Font type• Font size• Font style (e.g., bold, italic)• Color• Font effects

The first 3 of these can be set in the formatting toolbar, and all of them can be set in the Format => Font… dialog box:

Page 2: Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.
Page 3: Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.

Ways to categorize fonts

• One way:– Monospaced: all characters same width

Example: Courier New• Reminiscent of typewritten text.

• Useful for when text must be aligned vertically.

– Proportional: character width variesExample: Times New Roman or Arial

Page 4: Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.

• Another way:– Serif: Characters have short lines (called

serifs) attached to the upper and lower ends of their strokesExample: Times New Roman

– Sans Serif: (meaning “without serifs”) Characters have no serifsExample: Arial

Page 5: Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.

What criteria should you use in deciding which font to use?

• Readability--whether the reader will find it easy or hard to read.

• Aesthetics--whether it’s an attractive font.

• Appropriateness of the font to the particular purpose.

• Connotation of a particular font type.

Page 6: Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.

Font size

• Font size can affect legibility.

• It can also be used to emphasize a word or string of words when used in a text of a smaller font size.

• Headings are usually in a larger font size than regular text.

Page 7: Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.

• This is hard to read from far away.[14 pts]

• This is much [48 pts]easier to read.[32 pts]

Page 8: Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.

How is font size measured?• Font size is measured in points.

• One point is 1/72 inch.

• The number of points measures the distance from the top of the tallest letter in a character set (e.g., an uppercase T) to the bottom of the lowest letter (e.g., a lowercase y).

• For example, for 12-point type this distance would be 12/72 = 1/6 inch.

Page 9: Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.

Font styles

• Regular [Roman]

• Italic

• Bold

• Bold Italic

Page 10: Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.

Use of font styles

• The use of font styles can be conventional. E.g. italicizing titles of books in an otherwise regular text:– O’Leary, John. 1998. How I Learned to Love

the Internet. Boston, MA: Northeastern University Press.

• They can also be used for emphasis:– “What did you mean by that?”

Page 11: Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.

Font effects

• Font effects are mainly used for indicating emphasis or de-emphasis.

• In addition to underlining, those available in Word, and what they look like, are listed here:

Page 12: Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.

StrikethroughDouble strikethroughWordSuperscript

WordSubscript

SShhaaddoowwOutlineEEEmmmbbbooossssss [Emboss]EEEnnngggrrraaavvveee [Engrave]SMALL CAPS

ALL CAPS

Page 13: Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.

Underlining

• Underlining is usually used to emphasize text or make it stand out as different from the rest of the text.

• Here are some of the underlining styles in Word:

Page 14: Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.

Underline [Single]Words only [i.e. not including the spacebetween words]DoubleDottedThickDashDot DashDot Dot DashWave

Page 15: Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.

• One of them, single underline, is available in the formatting toolbar.

• The others require you to use the Format => Font… dialog box:

Page 16: Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.

20 different underline styles

Page 17: Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.

Color

• Color can be applied to:– text– drawing elements like lines and arrows– paragraphs [fill]– highlighting– and in Word Art

Page 18: Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.

You can color words and

lines

You can backfill paragraphs, with orwithout borders

You can use a color to highlight.

Page 19: Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.

• You can access color via the formatting toolbar as well as the drawing toolbar and

• via the Format menu.

Page 20: Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.

Fill color

Line color Font color

Highlighting color

Page 21: Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.

• For Format => Font...

Page 22: Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.
Page 23: Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.

Coloring borders

• Format => Borders and Shading… allows you to color– paragraph borders– page borders, and– shading [fill behind the text of the paragraph]

Page 24: Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.

For coloring paragraph borders

Page 25: Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.

For customizing colors

Page 26: Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.

For coloring page borders

Page 27: Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.

For coloring the backgrounds

Page 28: Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.

Character spacing

• The spacing between characters can also be changed from the default for some fonts.

• This is also mainly used for emphasis.

• You can change the character spacing in the Format => Font… dialog box.

Page 29: Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.

Normal spacingExpanded spacingCondensed spacing

Position normalPositionraised by 3 pointsPositionlowered by 3 points

Not kerned

Kerned for those 26 points andabove

Normal spacing, 100%Spacing w ithscale 200%

Page 30: Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.

To get a drop cap

• Format => Drop Cap…

• Here is an example:

Page 31: Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.