1

Font & Typeface

Making good design choices in formatting options for font when developing visually appealing

publications

Principles of Information Technology

© UNT in Partnership with TEA 2

OBJECTIVES

Identify categories of font styles

Describe characteristics of font styles

Identify publishing guidelines when choosing font styles

Identify font formatting techniques for printed and electronic publications

© UNT in Partnership with TEA 3

FONT CATEGORIES

Serif

Sans serif

Script

Decorative

© UNT in Partnership with TEA 4

SERIF

Definition:

In this font category, there are short decorative tips at the end of the stroke for each letter.

© UNT in Partnership with TEA 5

SANS SERIF

Definition:

In this font category, there is an absence of short decorative tips at the end of the stroke for each letter.

© UNT in Partnership with TEA 6

SCRIPT

Definition:

In this font category, the letters appear to be handwritten.

© UNT in Partnership with TEA 7

ORNAMENTAL

Definition:

In this font category, the letters have a unique style that sets it apart, having an artistic design element incorporated into the lettering.

© UNT in Partnership with TEA 8

SERIF EXAMPLES Style of Font Name of Font Tip Design

Slab Serif Playbill StraightConstant thicknessThick slab

Modern Bodoni StraightConstant thicknessThin slab

Oldstyle Garamond SlantedThick to thin strokeStraight stroke

Transitional Baskerville StraightThick to thin strokeStraight stroke

Latin Book Antiqua SlantedThick to thin strokeCurved stroke

SSuuu

© UNT in Partnership with TEA 9

SANS SERIF EXAMPLES

Arial

Century Gothic

Tahoma

Gil Sans

© UNT in Partnership with TEA 10

SCRIPT EXAMPLES

Amienne

Bradley Hand

Freestyle Script

© UNT in Partnership with TEA 11

ORNAMENTAL EXAMPLES

Chiller

Earwig Factory

Jokerman

Planet Benson

© UNT in Partnership with TEA 12

FORMATTING FONT Making good design choices

© UNT in Partnership with TEA 13

FORMATTING CHOICES

1

2

Font style of

• title on page • significantly •different than•other font on page

4

3 Font style of

• title on page • significantly •different than•other font on page

Font style of

• title on page • significantly •different than•other font on page

Font style of

• title on page • significantly •different than•other font on page

© UNT in Partnership with TEA 14

FORMATTING CHOICES

1

2

Font style of

• title on page • exactly the • same as• other font on page

4

3

Font style of

• title on page • different category • as the other • font on page

Font style of

• title on page • exactly the • same as• other font on page

Font style of

• title on page • different category • as the other • font on page

© UNT in Partnership with TEA 15

FORMATTING CHOICES

1 Font style of TitleIs decorative and while it is pretty and could be used for the names on a formal announcement or invitation, it should never be used for full paragraphs of text as in this example.

2 Font style of Title

Is script and while it is different and could be used for an attention getter, it should never be used for full paragraphs of text as in this example.

© UNT in Partnership with TEA 16

• title on page • exactly the • same as• other font on page• we only changed • the title text color • and background shading

FORMATTING CHOICES

1 FONT STYLE OF

• title on page • exactly the • same as• other font on page• we only changed • the title to appear • in all capital letters

2 Font Style Of

© UNT in Partnership with TEA 17

REVIEW The four categories of font

1. Serif- letters having short decorative tips at the end of each stroke.

2. Sans Serif- letters that do NOT have short decorative tips at the end of each stroke.

3. Script- letters that appear to be handwritten.

4. Ornamental- letters that incorporate a common artistic design element

© UNT in Partnership with TEA 18

REVIEW

Examples of the four categories of font

Serif- Times New Roman - R

Sans Serif- Arial - R

Script- Freestyle Script - R

Ornamental- Chiller - R

© UNT in Partnership with TEA 19

REVIEW

Use the following sparingly Script and Ornamental All capital letters Switching categories of font within the same

document

Use Serif for written documents

Use Sans Serif for electronic documents

© UNT in Partnership with TEA 20

ACTIVITY #2

Look back at the document you created in Activity #1.

Notice the font styles used on each web page.

Create a textbox next to each screen snapshot. The textbox should show:

1) The number of different font styles on each page

2) The categories of different font styles on each page

© UNT in Partnership with TEA 21

REPETITION

This webpage shows repetition in the color theme. It has black, white and various shades of gray in the background as well as within the various objects – even in the clothes that the models are wearing.

Repetition is also demonstrated by the use of the same font style for all text objects.

The icons in front of the list of links all repeat the same size and shape.

The software ads in the lower right repeat the same size, shape, colors, and arrangement of text/objects within each group.

EX

AM

PL

E

We

bp

ag

e s

cre

en

sho

t o

f w

ww

.ad

ob

e.c

om

Number of font styles used: 1

All text is in a sans serif font.

This part i

s the

only thing added

for this

activit

y.