FOR WHEN YOU REALLY WANT TO BE THE LIFE OF THE PARTY FONTS!

Slides:



Advertisements
Similar presentations
The Art and Technique of Arranging Type
Advertisements

Aa Introduction to Visual Communications PART 1: Typography TGJ 2OI BLUEVALE COLLEGIATE INSTITUTE 2a Introduction to Typography.ppt.
Definition: The style, arrangement, and appearance of text on a page.
Typography (The study of font).
Session 2—Chapter 3 Visual Literacy Learn to See, See to Learn.
Exploring Web Design Chapter 3 Web Typography. The goal of any web page is to communicate.
Typography Basic terminology/concepts
Chapter Concepts Discuss Fonts Understand Fonts
WEB PAGES: CREATING AND MAINTAINING ** Tom Keane & Mayis SeapanInstructors: HTML Tags to format your text.
Welcome and have a seat please.  What is typography?  The design of the characters and the way they are presented on the page  What are fonts?
Typography G raphics theory. Typography Typography is the art of lettering which is… Used to create Effect Used to create Meaning Used to create some.
TYPOGRAPHY vasuki belavadi reader dept. of communication s n school university of hyderabad.
1.01A – What typefaces should be used for various displays?????
1.01 Investigate typefaces and fonts.
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Using Cascading Style Sheets (CSS) Dept. of Computer Science and Computer Information CSCI N-100.
Web Fonts. Choosing Fonts for a Website: Only those fonts that are installed on our viewers' computers will display properly on our web pages. For this.
Font Families By: Jonathan Bird. What is a font? First, what is a font? A font is a grouping of the same type and style of characters, often in the same.
Character Formatting MOAC Lesson 3.
Multimedia: Making it Work
Unit 4 – Multimedia Element: Text
Typography 2.01 Investigate typefaces and fonts..
Q: Invitation to the prom A. Decorative/Ornamental B. Sans Serif C. Script D. Serif.
Common PowerPoint Misteaks Common PowerPoint Mistakes The World’s Worst PowerPoint Tips to help you avoid.
© 2000 – All Rights Reserved – Page 1 Graphic Type & Layers Graphic Type & Layers.
INTRODUCTION TO TYPOGRAPHY WHAT IS TYPOGRAPHY? Typography: The study of all elements of type including the shape, size and spacing of the characters.
Text and Fonts in CSS. Customizing fonts In CSS, fonts are divided into “font families” Only certain fonts are commonly installed on most computers Therefore.
$1 Million $500,000 $250,000 $125,000 $64,000 $32,000 $16,000 $8,000 $4,000 $2,000 $1,000 $500 $300 $200 $100 Welcome.
Typography (Fonts). Type type = any set of printed characters font = a set of printable or displayable characters with a specific style and size typeface.
Files you will need ... Black Goose Bistro Summer Menu
Fonts The following CSS properties will be described: 1.Font-family 2.Font-style 3.Font-variant 4.Font-weight 5.Font-size 6.Font.
Using Overhead Projectors (OHPs) and Overhead Transparencies (OHTs)
Get out a sheet of paper and something to write with.
1.01b Investigate typefaces and fonts.. Fonts It’s easier to understand fonts if you begin with the original definition of a font. Before desktop publishing,
1.01b Investigate typefaces and fonts.. Fonts It’s easier to understand fonts if you begin with the original definition of a font. Before desktop publishing,
TEXT.  Font Style Examples: ◦ Bold ◦ Italic ◦ Underline  Font Size Examples: ◦ Points  8 pt (can be smaller)  10 pt  12 pt.
Typography Graphic Design Fundamentals
TYPOGRAPHY What is Typography?
Design and Typographic Principles. The Joshua Tree Principle Joshua Tree story example The four basic principles Contrast Repetition Alignment Proximity.
Headings and Text What makes headings stand out?.
Fonts. Choosing Fonts How text looks on our web pages is a major component of the overall appearance of our site. We need to choose our text fonts carefully,
CSS FONT STACKS. What are font stacks? Font stacks are about creating a relevant and comprehensive list of fall-back fonts.
Typography Vocabulary and Guidelines This material has been developed by Georgia Tech HCI faculty, and continues to evolve. Contributors include Gregory.
Absolute minimum18 point sans serif. Absolute minimum18 point sans serif 20 point sans serif.
Cs332a_chapt03.ppt CS332A Advanced HTML Programming Font Controls Typography Type Style = Font Family = fonts with similar characteristics Type Styles.
DESKTOP PUBLISHING GUIDELINES. Easier To Read!!! More Legible.
Typography A Key Element in Design A. Definition of Typography Typography is the appearance and arrangement of the characters that make up text on a page.
Words are communication. What do they say? The meaning should come before the look of the type is considered. Choose typographic styles and sizes that.
Font Families. Roman Fonts have small cross-lines or feet called serifs are easy to read used in books, magazines, and newspapers.
MOAC Lesson 3.  From the HOME TAB you can change the capitalization of text using the change case icon in the font group.  Select the text, Home Tab,
Introduction to typography
Fonts.
Communicating Information : Documents and Publications
Microsoft Word - Formatting Pages
Tips for Effective PowerPoint Presentations
MLA Format? Grade: ALL Subject: English Date: 2015.
Design Principles & Font Rules By: Megan Janke
Typography Typography is the art and technique of creating and composing type in order to convey a message. Words are communication. What do they say?
2.01 Investigate typefaces and fonts.
Layout Terms Visual Hierarchy
The Art of Type 9/17/2018.
2.01 Investigate typefaces and fonts.
Fonts.
Desktop Publishing Terminology
Introduction to Visual Communications PART 1: Typography
Assist. Lecturer Safeen H. Rasool Collage of Science Department of IT
Lesson 5 – Controlling fonts with CSS
First AUTHOR, Second AUTOR, Third AUTHOR
Character Formatting MOAC Lesson 3.
Presentation transcript:

FOR WHEN YOU REALLY WANT TO BE THE LIFE OF THE PARTY FONTS!

Fonts – The Voice Read through the four Personas on your papers. Which of the following fonts match their voices?

Voice 1 Hello, World! I am Voice One.

Voice 2 Hello, World! I am Voice Two.

Voice 3 Hello, World! I am Voice Three.

Voice 4 Hello, world! I am Voice Four.

Fonts and Your Site Fonts belong in “font families” that you can implement in your web site. ts.asp is a good resource for finding fonts that everyone can use. ts.asp Is it best to use crazy fonts all the time? Why/Why not? Edit your project page or About Me page with different fonts!

Serif This is a serif font. This is a sans serif font. What’s the difference? Serif fonts have the little “wings” at the end of the letters. Sometimes they’re called “Roman” fonts.. Like Times New Roman

Sans serif On the other hand, then, sans serif fonts have no marks on the ends of the letters. Sans == Without Comic Sans Instead of Roman, some sans serifs are called “Gothic” – Like Century Gothic (This one!)

Monospace This is a monospace font. Where this sentence ends. Is the same as above... And all of the sentences. Have 25 characters. Wow!! This is a monospace font. (It’s not) Where this sentence ends. Is the same as above... And all of the sentences. Have 25 characters. Wow!!

Kerning Kerning refers to the space in between letters. Have you ever been confused with corn looking like com from far away? Times New Roman – Awful Kerning ! Com and corn look too similar, especially when it is smaller.