Font & Typeface Principles of Information Technology Making good design choices in formatting options for font when developing visually appealing publications 1 Copyright © Texas Education Agency, 2013. All rights reserved. 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 2 Copyright © Texas Education Agency, 2013. All rights reserved. FONT CATEGORIES Serif San serif Script Decorative 3 Copyright © Texas Education Agency, 2013. All rights reserved. SERIF Definition: In this font category, there are short decorative tips at the end of the stroke for each letter. 4 Copyright © Texas Education Agency, 2013. All rights reserved. SANS SERIF Definition: In this font category, there is an absence of short decorative tips at the end of the stroke for each letter. 5 Copyright © Texas Education Agency, 2013. All rights reserved. SCRIPT Definition: In this font category, the letters appear to be handwritten. 6 Copyright © Texas Education Agency, 2013. All rights reserved. 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. 7 Copyright © Texas Education Agency, 2013. All rights reserved. SERIF EXAMPLES Style of Font Name of Font Tip Design Playbill Straight Constant thickness Thick slab Modern Bodoni Straight Constant thickness Thin slab Oldstyle Garamond Slanted Thick to thin stroke Straight stroke Transitional Baskerville Straight Thick to thin stroke Straight stroke Latin Book Antiqua Slanted Thick to thin stroke Curved stroke Slab Serif 8 Copyright © Texas Education Agency, 2013. All rights reserved. SANS SERIF EXAMPLES 9 Copyright © Texas Education Agency, 2013. All rights reserved. SCRIPT EXAMPLES 10 Copyright © Texas Education Agency, 2013. All rights reserved. ORNAMENTAL EXAMPLES 11 Copyright © Texas Education Agency, 2013. All rights reserved. Making good design choices FORMATTING FONT 12 Copyright © Texas Education Agency, 2013. All rights reserved. FORMATTING CHOICES 1 2 Font style of Font style of 3 • title on page • significantly •different than •other font on page • title on page • significantly •different than •other font on page Font style of Font style of • title on page • significantly •different than •other font on page 4 • title on page • significantly •different than •other font on page 13 Copyright © Texas Education Agency, 2013. All rights reserved. FORMATTING CHOICES 1 Font style of 3 • title on page • title on page • exactly the • same as • other font on page Font style of 2 • title on page • different category • as the other • font on page Font style of • exactly the • same as • other font on page 4 Font style of • title on page • different category • as the other • font on page 14 Copyright © Texas Education Agency, 2013. All rights reserved. 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. Font style of Title 2 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. 15 Copyright © Texas Education Agency, 2013. All rights reserved. FORMATTING CHOICES FONT STYLE OF 1 2 Font Style Of • title on page • title on page • exactly the • same as • other font on page • we only changed • the title to appear • in all capital letters • exactly the • same as • other font on page • we only changed • the title text color • and background shading 16 Copyright © Texas Education Agency, 2013. All rights reserved. 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 17 Copyright © Texas Education Agency, 2013. All rights reserved. REVIEW Examples of the four categories of font Serif—Times New Roman—R Sans Serif—Arial—R Script—Freestyle Script—R Ornamental—Chiller—R 18 Copyright © Texas Education Agency, 2013. All rights reserved. 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 19 Copyright © Texas Education Agency, 2013. All rights reserved. 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 20 Copyright © Texas Education Agency, 2013. All rights reserved.