Font & Typeface

Principles of Information Technology

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

FONT CATEGORIES
O Serif
O San serif O Script

O Decorative
UNT in Partnership with TEA 2

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

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

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

UNT in Partnership with TEA

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

SERIF EXAMPLES
Style of Font Name of Font Tip Design

Slab Serif

Playbill

Straight Constant thickness Thick slab

Straight Constant thickness Thin slab

Modern

Bodoni

Oldstyle

Garamond

Slanted Thick to thin stroke Straight stroke

Straight Thick to thin stroke Straight stroke

Transitional

Baskerville

Latin

Book Antiqua

Slanted Thick to thin stroke Curved stroke

7

UNT in Partnership with TEA

SANS SERIF EXAMPLES

UNT in Partnership with TEA

SCRIPT EXAMPLES

UNT in Partnership with TEA

ORNAMENTAL EXAMPLES

UNT in Partnership with TEA

10

Formatting Font
Making good design choices

UNT in Partnership with TEA

11

FORMATTING CHOICES
1 Font style of
title on page significantly different than other font on page

Font style of 3
title on page significantly different than other font on page

Font style of 2
significantly different than UNT in Partnership with TEA other font on page

Font style of
4
title on page significantly different than other font on page

title on page

12

FORMATTING CHOICES
1 Font style of
title on page
exactly the same as other font on page

Font style of
title on page
exactly the same as other font on page

Font style of 2
different category UNT as in the other Partnership with TEA font on page

Font style of
title on page
different category as the other font on page
13

title on page

FORMATTING CHOICES
1

Font style of Title

Is 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.
UNT in Partnership with TEA

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 14 this example.

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
UNT in Partnership with TEA

Font Style Of
title on page
exactly the same as other font on page we only changed the title text color and background shading
15

REVIEW
O The four categories of font
1.

Serif- letters having short decorative tips at the end of each stroke. Sans Serif- letters that do NOT have short decorative tips at the end of each stroke. Script- letters that appear to be handwritten.

2.

3.

4.

Ornamental- letters that incorporate a common artistic design element

16

UNT in Partnership with TEA

REVIEW
O Examples of the four categories of font
O Serif- Times New Roman -

O Sans Serif- Arial -

O Script- Freestyle Script -

O Ornamental- Chiller UNT in Partnership with TEA

R
17

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

same document
O Use Serif for written documents

O Use Sans Serif for electronic documents

UNT in Partnership with TEA 18

ACTIVITY #2
O Look back at the document you created in

Activity #1.
O Notice the font styles used on each web

page.
O Create a textbox next to each screen

snapshot. O The textbox should show:

1) The number of different font styles on each page UNT in Partnership with TEA 2) The categories of different font styles on each page

19

REPETITION
Number of font styles used: 1 All text is in a sans serif font.
Webpage screenshot of www.adobe.com

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. UNT in Partnership with TEA The software ads in the lower right repeat the same size, shape, colors, and arrangement of text/objects within each group.

20