anatomy cap height x-height baseline descender ligature finial terminal ascender spine small capital uppercase counter cross bar lowercase

Size: px
Start display at page:

Download "anatomy cap height x-height baseline descender ligature finial terminal ascender spine small capital uppercase counter cross bar lowercase"

Transcription

1 Type Anatomy

2 anatomy cap height x-height baseline stem bowl serif descender ligature ascender finial terminal ascender spine uppercase small capital cross bar counter lowercase 36 thinking with type

3 cap height x-height baseline stem bowl serif descender ligature ascender finial

4 visually speaking, baselines and x-heights determine the real edges of text ascender height Some elements may extend slightly above the cap height. cap height The distance from the baseline to the top of the capital letter determines the letter s point size. descender height The length of a letter s descenders contributes to its overall style and attitude. skin, Body x-height is the height of the main body of the lowercase letter (or the height of a lowercase x), excluding its ascenders and descenders. Bone the baseline is where all the letters sit. This is the most stable axis along a line of text, and it is a crucial edge for aligning text with images or with other text. overhang The curves at the bottom of letters hang slightly below the baseline. Commas and semicolons also cross the baseline. If a typeface were not positioned this way, it would appear to teeter precariously. Without overhang, rounded letters would look smaller than their flat-footed compatriots. Although kids learn to write using ruled paper that divides letters exactly in half, most typefaces are not designed that way. The x-height usually occupies more than half of the cap height. The larger the x-height is in relation to the cap height, the bigger the letters appear to be. In a field of text, the greatest density occurs between the baseline and the x-height. Hey, look! They supersized my x-height. Two blocks of text are often aligned along a shared baseline. Here, 14/18 Scala Pro (14-pt type with 18 pts of line spacing) is paired with 7/9 Scala Pro. letter 37

5

6 font formats PostScript / Type 1 developed for desktop computer systems in the 1980s by Adobe. Type I fonts are output using the PostScript programming language, created for generating high-resolution images on paper or film. A Type 1 font consists of two files: a screen font and a printer font. You must install both files in order to fully use these fonts. a TrueType is a later font format, created by Apple and Microsoft for use with their operating systems. TrueType fonts are easier to install than Type 1 fonts because they consist of a single font file rather than two. Open Type is a format developed by Adobe, works on multiple platforms. Each file supports up to 65,000 characters, allowing multiple styles and character variations to be contained in a single font file. In a TrueType or Type 1 font, small capitals, alternate ligatures, and other special characters must be contained in separate font files (sometimes labelled Expert ); in an OpenType font they are part of the main font. These expanded character sets can also include accented letters and other special glyphs needed for typesetting a variety of languages. OpenType fonts with expanded character sets are commonly labeled Pro. OpenType fonts also automatically adjust the position of hyphens, brackets, and parentheses for letters set in all-capitals.

7 Fonts on Screen

8 anti-alias Anti Alias - is a technique for making the edges of letters look smooth on screen by rendering some pixels in shades of gray. Antialiasing is generally helpful for presenting text on screen at large sizes (12 pixels and higher), but it can make small text difficult to read. Some designers prefer to use bitmap fonts, which are designed to be displayed without antialiasing, for small text on screen. It is more effective for larger point sizes than smaller text sizes.

9 optical compensation The goal of the type desinger is to have all the letters appear uniform in texture and have a an optical gray value (color) so as not to distract the eye and make reading easier E O A V minute optical curved forms the interior A and V diagonals correction are drawn to and exterior of are drawn at middle crossbar extend cap diagonals differ different slopes to is shorter and baseline to in their angles adjust for lateral appear optically emphasis due to top counter is the same as the their respective smaller than straight letters directions the bottom

Alphabet. elemental visual signs 26 characters frozen sounds

Alphabet. elemental visual signs 26 characters frozen sounds Alphabet elemental visual signs 26 characters frozen sounds Evolution Handwriting > minimum number of strokes Engraving > lowercase > minimum number of curved lines > capitals Letterforms Appearance of

More information

a e yp fi Letterform Anatomy Ascender Shoulder Tittle Bowl Crossbar Stem or Main Stroke Terminal Leg Ascent Line Cap Line Mean Line Baseline

a e yp fi Letterform Anatomy Ascender Shoulder Tittle Bowl Crossbar Stem or Main Stroke Terminal Leg Ascent Line Cap Line Mean Line Baseline Letterform Anatomy Tittle Ascender Shoulder Ascent Line Cap Line Mean Line Baseline Crossbar Bowl Stem or Main Stroke HtiQfgxR Terminal Ear Counter Leg Descent Line Crossbar Serif Tail Loop or Bowl Juncture

More information

Adjust the point size

Adjust the point size Adjust the point size create contrast small and dark Strive for contrast rather than harmony. Mixing typefaces on the same line, designers usually adjust the point size so the x-heights align. Placing

More information

TYPO GRA PHY THE ANATOMY OF TYPE A BRIEF HISTORY OF TYPOGRAPHY WHAT IS YOUR TYPE ACTUALLY SAYING? OPEN FONT DISCUSSION

TYPO GRA PHY THE ANATOMY OF TYPE A BRIEF HISTORY OF TYPOGRAPHY WHAT IS YOUR TYPE ACTUALLY SAYING? OPEN FONT DISCUSSION THE ANATOMY OF TYPE A BRIEF HISTORY OF TYPO WHAT IS YOUR TYPE ACTUALLY SAYING? OPEN FONT DISCUSSION THE ANATOMY OF TYPE Typeface Anatomy The upward vertical stem on some lowercase letters, such as h and

More information

VOICE OF TYPE LECTURE 1

VOICE OF TYPE LECTURE 1 VOICE OF TYPE LECTURE 1 TYPOGRAPHY II COUNTY COLLEGE OF MORRIS PROFESSOR GAYLE REMBOLD FURBERT VOICE OF TYPE As you look at typefaces, analyze their forms, learn their history and learn how to use them

More information

Putting type on a page without incorporating typographic principles is merely word processing. Terry Rydberg, Author Exploring InDesign 3

Putting type on a page without incorporating typographic principles is merely word processing. Terry Rydberg, Author Exploring InDesign 3 Putting type on a page without incorporating typographic principles is merely word processing. Terry Rydberg, Author Exploring InDesign 3 Typography The study of all elements of type as a means of visual

More information

jasonjuwono twentyfifteen TYPEDIA _ Typography Encyclopedia

jasonjuwono twentyfifteen TYPEDIA _ Typography Encyclopedia TYPEDIA _ Typography Encyclopedia ANATOMY_ Anatomy of a typeface Anatomy of a typeface What is a Font & Typeface? A design for a set of characters. A font is the combination of typeface and other qualities,

More information

Font Basics. Descender. Serif. With strokes on the extremities of the letters. T Script. Sans-Serif. No strokes on the end of the letters

Font Basics. Descender. Serif. With strokes on the extremities of the letters. T Script. Sans-Serif. No strokes on the end of the letters Font Basics Ascender Font Size d p x A X-height Cap height Counter The white space within letters Descender Bar A Serif With strokes on the extremities of the letters. T A Sans-Serif No strokes on the

More information

MODULE CM 2004 / STAGE 2 / SEMESTER 2 / SESSION Module title Design Principles and Context

MODULE CM 2004 / STAGE 2 / SEMESTER 2 / SESSION Module title Design Principles and Context MODULE CM 2004 / STAGE 2 / SEMESTER 2 / SESSION 06-07 Module title Design Principles and Context Typography Fonts are classified under the following headings. Old Face fonts make use of contrasting wide

More information

Font classification review

Font classification review Font classification review Taken from Lettering & Type by Bruce Willen Nolen Strals Old Style Transitional Modern Slab Serif Garamond ag Baskerville ag Bodoni ag Cowboys ab Sans Serif Gill Sans ag Decorative

More information

5. Text CHAPTER HIGHLIGHTS 10/12/2016 CHAPTER. Text tradition. Codes for computer text. t. Font technologies. Multimedia text.

5. Text CHAPTER HIGHLIGHTS 10/12/2016 CHAPTER. Text tradition. Codes for computer text. t. Font technologies. Multimedia text. CHAPTER 5. Text CHAPTER HIGHLIGHTS Text tradition. Codes for computer text. t Font technologies. Multimedia text. Guidelines for use of text in multimedia. 2 1 POWERS OF TEXT Multimedia developers value

More information

IT82: Mul timedia. Practical Graphics Issues 20th Feb Overview. Anti-aliasing. Fonts. What is it How to do it? History Anatomy of a Font

IT82: Mul timedia. Practical Graphics Issues 20th Feb Overview. Anti-aliasing. Fonts. What is it How to do it? History Anatomy of a Font IT82: Mul timedia Practical Graphics Issues 20th Feb 2003 1 Anti-aliasing What is it How to do it? Lines Shapes Fonts History Anatomy of a Font Overview Types of Fonts ( which do I choose? ) How to make

More information

BASIC ABOUT TYPE TYPO GRAPHY

BASIC ABOUT TYPE TYPO GRAPHY BASIC ABOUT TYPE TYPO GRAPHY TYPOGRAPHY BASIC DESIGN Relative & Absolute measurements Absolute measurements Inche : Millimetres : Points : Pica 3 Inches 76.2 mm 216 Points 18 Picas 1 Inches = 3 Picas A

More information

HEL HEL HEL HEL VETIC HEL VETIC HEL HEL VETICA HEL HEL ETICA ETIC VETIC HEL VETIC HEL HEL C VETICA ETI- HEL HEL VETI HEL VETICA VETIC HEL HEL VETICA

HEL HEL HEL HEL VETIC HEL VETIC HEL HEL VETICA HEL HEL ETICA ETIC VETIC HEL VETIC HEL HEL C VETICA ETI- HEL HEL VETI HEL VETICA VETIC HEL HEL VETICA CA C C CA C C CA Max Miedinger with Eduard Hoffmann C C CA C CA ETI- ETI- L istory elvetica was developed in 1957 by Max Miedinger with Eduard Hoffmann at the Haas sche Schriftgiesserei of Münchenstein,

More information

1 Some easy lines (2, 17) (10, 17) (18, 2) (18, 14) (1, 5) (8, 12) Check with a ruler. Are your lines straight?

1 Some easy lines (2, 17) (10, 17) (18, 2) (18, 14) (1, 5) (8, 12) Check with a ruler. Are your lines straight? 1 Some easy lines Computers draw images using pixels. Pixels are the tiny squares that make up the image you see on computer monitors. If you look carefully at a computer screen with a magnifying glass,

More information

Typographic. Alphabet. Book. Interactive PDF of typographic rules & terms YOU NEED TO KNOW. Home. Table of Contents

Typographic. Alphabet. Book. Interactive PDF of typographic rules & terms YOU NEED TO KNOW. Home. Table of Contents Typographic Alphabet Table of Contents > Rules That Every Typographer Should Know... 2-3 Book Interactive PDF of typographic rules & terms YOU NEED TO KNOW > Baseline... > Gutter... > Hierarchy... > Kerning...

More information

Font, Typeface, Typeface Family. Selected Typographical Variables

Font, Typeface, Typeface Family. Selected Typographical Variables Font, Typeface, Typeface Family Font: A font is a set of printable or displayable text character in a specific style, weight, and size. E.g. Helvetica Italic 10 Point. Typeface: The type design for a set

More information

Keyboarding Basics - Teacher Notes

Keyboarding Basics - Teacher Notes Directions: Fill in the blanks. Keyboarding Basics - Teacher Notes 1. Keyboarding Is the act of entering data into a computer through the use of a keyboard Is a valuable skill for anyone to learn Is commonly

More information

Typefaces are character sets based on distinct design characteristics.

Typefaces are character sets based on distinct design characteristics. Level 3 WGHS VISUAL ARTS 2011 ART DESIGN Typography An Introduction to Type Type Design Since the first recordings of letterforms the concept of the typographic form has evolved into a seemingly endless

More information

Computer Graphics. Attributes of Graphics Primitives. Somsak Walairacht, Computer Engineering, KMITL 1

Computer Graphics. Attributes of Graphics Primitives. Somsak Walairacht, Computer Engineering, KMITL 1 Computer Graphics Chapter 4 Attributes of Graphics Primitives Somsak Walairacht, Computer Engineering, KMITL 1 Outline OpenGL State Variables Point Attributes t Line Attributes Fill-Area Attributes Scan-Line

More information

PRESENTED BY : RIZWAN AARIF رضوان عارف

PRESENTED BY : RIZWAN AARIF رضوان عارف PRESENTED BY : RIZWAN AARIF رضوان عارف Abstract Introduction Advantages Attributes of MM Fonts Dimensions of MM Fonts Using MM fonts with TEX Interpolating Multiple Master Fonts Designing MM fonts Application

More information

RMX. Font Remix Tools FOR GLYPHS. Handbook

RMX. Font Remix Tools FOR GLYPHS. Handbook Font Remix Tools FOR GLYPHS Handbook October 2018 Font Remix Tools for Glyphs: Handbook page 2 of 9 Content 1. Getting started 1.1. Installation 1.2. Keyboard shortcuts 1.3. Requirements 2. Harmonizer

More information

FOUNDATION IN GRAPHIC DESIGN. with ADOBE APPLICATIONS

FOUNDATION IN GRAPHIC DESIGN. with ADOBE APPLICATIONS FOUNDATION IN GRAPHIC DESIGN with ADOBE APPLICATIONS CAN YOU ALL HEAR ME? SPECIAL ANNOUNCEMENT Win a Lifetime Membership to Shaw Academy The draw will be held live during Lesson 8 * CONDITIONS Attend at

More information

Computer Graphics. Chapter 4 Attributes of Graphics Primitives. Somsak Walairacht, Computer Engineering, KMITL 1

Computer Graphics. Chapter 4 Attributes of Graphics Primitives. Somsak Walairacht, Computer Engineering, KMITL 1 Computer Graphics Chapter 4 Attributes of Graphics Primitives Somsak Walairacht, Computer Engineering, KMITL 1 Outline OpenGL State Variables Point Attributes Line Attributes Fill-Area Attributes Scan-Line

More information

Chapter One Modifying Your Fonts

Chapter One Modifying Your Fonts Chapter One Modifying Your Fonts Steps to Modifying Fonts Opening Fonts Changing Character Weight About Font Piracy Creating Oblique Fonts Creating Fractions Creating Ligatures Creating Condensed Characters

More information

The Cabbagetown series of fonts are 2014 by bobistheowl for Metaphase Brothel Graphix. They are free to download, and free for personal use.

The Cabbagetown series of fonts are 2014 by bobistheowl for Metaphase Brothel Graphix. They are free to download, and free for personal use. The Cabbagetown series of fonts are 2014 by bobistheowl for Metaphase Brothel Graphix. They are free to download, and free for personal use. Unauthorized commercial use of the Cabbagetown font series is

More information

Franklin Gothic. Seniors: Use larger text that is clear and legible. (Souvenir, Times, Garamond, Helvetica)

Franklin Gothic. Seniors: Use larger text that is clear and legible. (Souvenir, Times, Garamond, Helvetica) one TYPOGRAPHY LECTURE: Do s and Don t s in Typography Do Build a basic library first. Find out who your audience is. Use appropriate type sizes. Celebrate white space. Use correct alignment. Use correct

More information

Typesetting Tips. Put your best type forward.

Typesetting Tips. Put your best type forward. Typesetting Tips Put your best type forward. Do you want your audience to read your document? Improve your chances by making your article easy to read. Make the document difficult to read and To learn

More information

WATER (No kerning) WATER (Automatic Kerning) WATER (Manual Kerning).

WATER (No kerning) WATER (Automatic Kerning) WATER (Manual Kerning). Styles Learning to use styles is a very effective way to save time and improve the consistency of publications. A style is a group of attributes that can be applied at once, to one or more paragraphs,

More information

Layer Styles. Learning Objectives. Introduction

Layer Styles. Learning Objectives. Introduction 5 Text, Shapes, and Layer Styles Learning Objectives After completing this chapter, you will be able to: Explain the differences between vector and bitmap graphics. Enter and edit text using the type tools.

More information

Typography/ Layout and Design

Typography/ Layout and Design Typography/ Layout and Design What is typography? It s the study and science of fonts. Using typography is almost an art, and it takes practice to learn to use it correctly. Type is not just text that

More information

Character Formatting. Formatting the Text in Text Frames

Character Formatting. Formatting the Text in Text Frames FIGURE 4-1 Formatting the Text in Text Frames CHAPTER 4. TYPE 199 Use the Selection tool to select the text frames you want to format and apply formatting. InDesign applies the formatting to all of the

More information

Adobe Photoshop CS Design Professional PLACING TYPE IN AN IMAGE

Adobe Photoshop CS Design Professional PLACING TYPE IN AN IMAGE Adobe Photoshop CS Design Professional PLACING TYPE IN AN IMAGE Chapter Lessons Learn about type and how it is created Change spacing and adjust baseline shift Use the Drop Shadow style Apply anti-aliasing

More information

Typography guidelines

Typography guidelines University of Alberta Sign Systems Guidelines Typopgraphy guidelines Typography guidelines Introduction Consistency and legibility are key components of an effective sign system. This section defines:

More information

Concepts and Terms. production assignment 01 review V. Different Typefaces Same Name. I. Vector vs Raster Graphics

Concepts and Terms. production assignment 01 review V. Different Typefaces Same Name. I. Vector vs Raster Graphics production assignment 01 review 01.0 Concepts and Terms I. Vector vs Raster Graphics A. Vector graphics (aka object graphics) are resolution independent. Illustrator is vector- or object-based drawing

More information

TYPE BASICS Cartographic Design & Principles Winter 2016

TYPE BASICS Cartographic Design & Principles Winter 2016 TYPE BASICS Cartographic Design & Principles Winter 2016 Words on a Map Everything on the Earth has a name Names on a map, make it a map Otherwise it is a picture, photograph or design Assigning names

More information

Adobe. Type Manager 4.1. User Guide

Adobe. Type Manager 4.1. User Guide Adobe Type Manager 4.1 User Guide 1999 Adobe Systems Incorporated. All rights reserved. Adobe Type Manager 4.1 User Guide for Windows This manual, as well as the software described in it, is furnished

More information

LESSON 7 Introduction to Typography

LESSON 7 Introduction to Typography FOUNDATION IN GRAPHIC DESIGN with ADOBE APPLICATIONS LESSON 7 Introduction to Typography Summary Notes WHAT IS TYPOGRAPHY? Typography is, quite simply, the art and technique of arranging type. Typography

More information

TYPOGRAPHY. ascender arm (as on the capital T) descender bar (as on the capital H) counter ear (as on the lower case g and r)

TYPOGRAPHY. ascender arm (as on the capital T) descender bar (as on the capital H) counter ear (as on the lower case g and r) TYPOGRAPHY Parts of letters: base line x-height ascender arm (as on the capital T) descender bar (as on the capital H) extenders bowl counter ear (as on the lower case g and r) serif stroke tail (as on

More information

GO Transit type treatments report

GO Transit type treatments report GO Transit type treatments report Prepared for Russell McGorman Signage Services Engineering GO Transit 81 Middlefield Rd. Scarborough M1S 5A9 2002.08.15 Project overview As an adjunct to the May 2002

More information

INTRODUCING THE Transition family

INTRODUCING THE Transition family INTRODUCING THE Transition family A TYPFACE DESIGNED BY JAN ERASMUS CIRCA 2006 INFORMATION GUIDE RELEASED AND DISTRIBUTED BY: Cybergraphics.bz ALSO DISTRIBUTED BY: Fonts.com Linotype.com ITC.com Transition

More information

Modifying Type: effects of a letter change COLDS

Modifying Type: effects of a letter change COLDS Modifying Type Modifying Type The goal of good typography is like fabric. It should be evenly woven together where all facets and all parts of the letter forms work together. Sometimes if you have one

More information

serif: the short strokes that finish off the major strokes of the letterform. bracket: a curving joint between the serif and the stroke

serif: the short strokes that finish off the major strokes of the letterform. bracket: a curving joint between the serif and the stroke PARTS OF THE LETTER Typography evolved from handwriting, which is created by making a series of marks by hand; therefore, the fundamental element constructing a letterform is the linear stroke (stem).

More information

Project 2 reminders: Hand in your typed book summary/response at end of class today. Make sure to include your name and section.

Project 2 reminders: Hand in your typed book summary/response at end of class today. Make sure to include your name and section. Project 2 reminders: Hand in your typed book summary/response at end of class today. Make sure to include your name and section. Project 2 reminders: First book cover critique this Friday. Bring 3 book

More information

CHAPTER 4: MICROSOFT OFFICE: EXCEL 2010

CHAPTER 4: MICROSOFT OFFICE: EXCEL 2010 CHAPTER 4: MICROSOFT OFFICE: EXCEL 2010 Quick Summary A workbook an Excel document that stores data contains one or more pages called a worksheet. A worksheet or spreadsheet is stored in a workbook, and

More information

Einführung in Visual Computing

Einführung in Visual Computing Einführung in Visual Computing 186.822 Rasterization Werner Purgathofer Rasterization in the Rendering Pipeline scene objects in object space transformed vertices in clip space scene in normalized device

More information

Crimes Against Typography. Shela Vang 13 images Collaborative Partner: Daha Lee 12 images

Crimes Against Typography. Shela Vang 13 images Collaborative Partner: Daha Lee 12 images 13 images Collaborative Partner: Daha Lee 12 images Table of Contents 1 Alignment 3 Dashes 4 Hierarchy 5 Kerning 6 Line Spacing 7 Scale 8 Tracking 9 Widow 10 Thumbnail Images alignment alignment Poorly

More information

Illustrator. Project Workbook

Illustrator. Project Workbook Project Workbook 2 Contents Illustrator Illustrator Examples... 4 Pen Tool and Image Trace... 4 Illustrator Tour Project... 5 Type and Logos... 14 Designing with Symbols Project... 20 Illustrator Special

More information

19. Bulleted and Numbered Lists

19. Bulleted and Numbered Lists Kennesaw State University DigitalCommons@Kennesaw State University Sexy Technical Communications Open Educational Resources 3-1-2016 19. Bulleted and Numbered Lists David McMurray Follow this and additional

More information

7 TYPOGRAPHIC DESIGN Lesson overview

7 TYPOGRAPHIC DESIGN Lesson overview 7 TYPOGRAPHIC DESIGN Lesson overview In this lesson, you ll learn how to do the following: Use guides to position text in a composition. Make a clipping mask from type. Merge type with other layers. Format

More information

Static Visual Displays: Flight Deck Documentation

Static Visual Displays: Flight Deck Documentation Static Visual Displays: Flight Deck Documentation Source: Degani, A. (1992). On the Typography of Flight-Deck Documentation, NASA Contractor Report #177605. Moffett Field, CA: NASA Ames Research Center,

More information

TYPE ANATOMY jtittle

TYPE ANATOMY jtittle TYPE ANATOMY TYPE ANATOMY TITTLE j Serif Typefaces Tt HUMANIST (a.k.a. Old Style ) - Modeled after the roman typefaces of 15 th & 16 th centuries - Closely related to calligraphy and hand movement CLASSIC

More information

LECTURE 4 THE USES OF TEXT IN MULTIMEDIA

LECTURE 4 THE USES OF TEXT IN MULTIMEDIA LECTURE 4 THE USES OF TEXT IN MULTIMEDIA 1 Objective Media Types What text is How text is created and stored in the computer How text is used in Multimedia Systems Advantages and Disadvantages of using

More information

WCSD Graphic Standards and Logo Use Guide

WCSD Graphic Standards and Logo Use Guide SM WCSD Graphic Standards and Logo Use Guide WCSD Logo WCSD logo with slogan SM The WCSD logo should be used on all school district signage and every District-generated publication, website or webpage,

More information

Fabricator Font File Spec. David Rutten (Robert McNeel & Associates) February 26, 2015

Fabricator Font File Spec. David Rutten (Robert McNeel & Associates) February 26, 2015 Fabricator Font File Spec David Rutten (Robert McNeel & Associates) February 26, 2015 1 About This document contains the specifications for the *.fabfont and *.symbol file formats. These formats were created

More information

This file includes FILLABLE FORM FIELDS. Enter your answers and then save the form as a PDF with your name to submit. Ex: 4CChrisJohnson.pdf.

This file includes FILLABLE FORM FIELDS. Enter your answers and then save the form as a PDF with your name to submit. Ex: 4CChrisJohnson.pdf. BASIC SKILLS: TYPOGRAPHY This file includes FILLABLE FORM FIELDS. Enter your answers and then save the form as a PDF with your name to submit. Ex: 4CChrisJohnson.pdf Kristy Ryan Name: Overview Complete

More information

How to use text. Adding a text frame

How to use text. Adding a text frame How to use text Because Adobe InDesign CS6 is a page layout tool, working with text is an important skill. With InDesign, you add all text (and all content) into frames. Frames are shapes (called paths)

More information

The building block of a CSS stylesheet. A rule consists of a selector and a declaration block (one or more declarations).

The building block of a CSS stylesheet. A rule consists of a selector and a declaration block (one or more declarations). WDI Fundamentals Unit 4 CSS Cheat Sheet Rule The building block of a CSS stylesheet. A rule consists of a selector and a declaration block (one or more declarations). Declaration A declaration is made

More information

E M I G R E G R A P H I C S DIGITAL FONTS

E M I G R E G R A P H I C S DIGITAL FONTS G G P H C S DGL FONS G G Z N F O N S Described here is the ever continuing evolution of typefaces designed by Zuzana Licko for migre agazine. hese range from the coarse resolution bitmaps to high resolution

More information

Press-Ready Cookbook Page Guidelines

Press-Ready Cookbook Page Guidelines Press-Ready Cookbook Page Guidelines table of contents These instructions are for all pages of your cookbook: Title Page, Special Pages, Table of Contents, Dividers, Recipe Pages, etc. WHAT IS PRESS-READY?

More information

Typography One typeface classification

Typography One typeface classification Typography One typeface classification Why classify? Classification helps us describe and navigate type choices Typeface classification helps to: 1. sort type (scholars, historians, type manufacturers),

More information

Pre-Venetian or Ancient Humanist or Venetian Transitional Didone Slab Serifs

Pre-Venetian or Ancient Humanist or Venetian Transitional Didone Slab Serifs Pre-Venetian or Ancient Humanist or Venetian Transitional Didone Slab Serifs 1400 1500 1700 1800 Humanist Sans Serif Transitional Sans Serif Geometric Sans Serif Display Typefaces 1900 2000 Pre-Venetian

More information

INTRODUCTION TO TYPOGRAPHY DESIGN

INTRODUCTION TO TYPOGRAPHY DESIGN INTRODUCTION TO TYPOGRAPHY DESIGN Goals of typographic design Typography plays an important role in how audiences perceive your document and its information. Good design is about capturing your audience

More information

typography.net Shaker Pure, energetic, contemporary

typography.net Shaker Pure, energetic, contemporary typography.net Shaker Pure, energetic, contemporary typography.net Introduction ABCDEFGHIJKLMNOPQRSTUVWXYZ About Shaker families Features Language support Further information Shaker is a lively sans with

More information

> what is a font? Times New Roman [10 pts] Times New Roman [12 pts] Times New Roman [14 pts] Times New Roman [18 pts] Times New Roman [24 pts]

> what is a font? Times New Roman [10 pts] Times New Roman [12 pts] Times New Roman [14 pts] Times New Roman [18 pts] Times New Roman [24 pts] > what is a font? > what is a font? A font is set of glyphs (or images) that represent a complete series of alphabetic and numeric characters, punctuations and symbols in a particular size and style (or

More information

Graphics (Output) Primitives. Chapters 3 & 4

Graphics (Output) Primitives. Chapters 3 & 4 Graphics (Output) Primitives Chapters 3 & 4 Graphic Output and Input Pipeline Scan conversion converts primitives such as lines, circles, etc. into pixel values geometric description a finite scene area

More information

Unit 2 Output Primitives and their Attributes

Unit 2 Output Primitives and their Attributes Unit 2 Output Primitives and their Attributes Shapes and colors of the objects can be described internally with pixel arrays or with sets of basic geometric structures, such as straight line segments and

More information

Type on the Web: Dos, Don ts and Maybes Ilene Strizver

Type on the Web: Dos, Don ts and Maybes Ilene Strizver Type on the Web: Dos, Don ts and Maybes Ilene Strizver What exactly is Type on the Web? How does it differ from print? Type in print Fixed Predictable Controllable Appearance varies depending on: Operating

More information

How to work with text

How to work with text How to work with text Adobe Flash Professional lets you add text to a Flash application in two formats: You can add Text Layout Framework (TLF) text. You can add Classic text. Using the Text Layout Framework

More information

Digital File Preparation and Output

Digital File Preparation and Output Digital File Preparation and Output Knowing and executing the steps needed to prepare a client file, from preflighting through platemaking is essential for the production of a successful printing project.

More information

ITC Bauhaus created by

ITC Bauhaus created by ITC Bauhaus created by Edward Benguiat & Victor Caruso of the International Typeface Corporation Bauhaus knows everyone at the party. type specimen designed and edited by Jordana Rae Rubin 2015 Light,

More information

Understanding the æsthetics of math typesetting

Understanding the æsthetics of math typesetting Understanding the æsthetics of math typesetting Ulrik Vieth Vaihinger Straße 69 70567 Stuttgart Germany ulrik dot vieth (at) arcor dot de Abstract One of the core strengths of TEX is the ability to typeset

More information

Pushpay Simple Brand Guide. Volume 1.0

Pushpay Simple Brand Guide. Volume 1.0 ushpay Simple Brand Guide Volume 1.0 rimary Logo HORIZONTAL VERTICAL INFO The ushpay logo is the face of the brand. It is the one element that is used on all communication pieces and should always be implemented

More information

An innovative 3D typeface. 4 weights & 2 shading styles

An innovative 3D typeface. 4 weights & 2 shading styles An innovative 3D typeface IG V.1 SHADED SPECIMEN 4 weights & 2 shading styles ABOUT IG SHADED ig Shaded is a chromatic 3D type family with a geometric sans serif at its heart. As its name suggests, ig

More information

7 TyPOGrAPHiC DESiGn lesson overview

7 TyPOGrAPHiC DESiGn lesson overview 7 typographic design Lesson overview In this lesson, you ll learn how to do the following: Use guides to position text in a composition. Make a clipping mask from type. Merge type with other layers. Use

More information

The Evolution of Type. Movable Type: Johannes Gutenberg Early 15th Century

The Evolution of Type. Movable Type: Johannes Gutenberg Early 15th Century The Evolution of Type Movable Type: Johannes Gutenberg Early 15th Century Studio on Fire: Minneapolis Anatomy of Type cap height cross bar Anatomy n bowl describes g counter ascender finial stem type eye

More information

Text. 5.4 Modeling - Text

Text. 5.4 Modeling - Text 5.4 Modeling - Text Text...1 Editing Text...3 Inserting Text...4 Special Characters...4 Convert Text to Text Object...4 3D Mesh...4 Text Selection...5 Formatting Text...5 Fonts...5 Loading and Changing

More information

Word Tutorial 4 Enhancing Page Layout and Design

Word Tutorial 4 Enhancing Page Layout and Design Word Tutorial 4 Enhancing Page Layout and Design Microsoft Office 2013 Objectives Use continuous section break for page layout Format text in columns Insert symbols and special characters Distinguish between

More information

RMX. Font Remix Tools. for glyphs. Handbook. February 2016 Just Another Foundry GmbH

RMX. Font Remix Tools. for glyphs. Handbook. February 2016 Just Another Foundry GmbH Font Remix Tools for glyphs Handbook February 2016 Just Another Foundry GmbH Font Remix Tools for Glyphs: Handbook page 2 of 9 Content 1. Getting started 1.1. Installation 1.2. Keyboard shortcuts 1.3.

More information

Guidelines for Legible and Readable Text, page 2-1 Visual Density Transparent, Translucent, or Opaque?, page 2-3

Guidelines for Legible and Readable Text, page 2-1 Visual Density Transparent, Translucent, or Opaque?, page 2-3 CHAPTER 2 Revised: November 15, 2011 Concepts, page 2-1 s, page 2-4 Reference, page 2-25 Concepts Guidelines for Legible and Readable Text, page 2-1 Visual Density Transparent, Translucent, or Opaque?,

More information

Text. Text metrics. There are some important metrics that we must consider when working with text. Figure 4-1 shows the basics.

Text. Text metrics. There are some important metrics that we must consider when working with text. Figure 4-1 shows the basics. Text Drawing text has some special properties and thus is treated in a separate chapter. We first need to talk about the sizing of text. Then we discuss fonts and how text is actually drawn. There is then

More information

H A-Z of DTP Features

H A-Z of DTP Features A-Z of DTP Features H Alignment One of the principles of design, alignment refers to lining up the top, bottom, sides, or middle of text or graphic elements on a page. See also Text Alignment. Ascender

More information

Graphic Design. shawacademy LESSON 5. summarynotes INTRODUCTION TO TYPOGRAPHY. For further questions visit us online at:

Graphic Design. shawacademy LESSON 5. summarynotes INTRODUCTION TO TYPOGRAPHY. For further questions visit us online at: shawacademy Graphic Design LESSON 5 INTRODUCTION TO TYPOGRAPHY summarynotes The Diploma in Graphic Design Toolkit For further questions visit us online at: www.shawacademy.com Lesson 5 S shawacademy Lesson

More information

New Perspectives on Microsoft Word Module 4: Enhancing Page Layout and Design

New Perspectives on Microsoft Word Module 4: Enhancing Page Layout and Design New Perspectives on Microsoft Word 2016 Module 4: Enhancing Page Layout and Design Objectives, Part 1 Use continuous section break for page layout Format text in columns Insert symbols and special characters

More information

Frequently Asked Questions about Text and Graphics

Frequently Asked Questions about Text and Graphics 1 Frequently Asked Questions about Text and Graphics 1. What is a font? A font is a set of printable or displayable text characters that are in a specific style and size. The type design for a set of fonts

More information

TYPOGRAPHY 1. letter-form mechanics. letter-form MECHANICS

TYPOGRAPHY 1. letter-form mechanics. letter-form MECHANICS letter-form MECHANICS The Anatomy of Letter-forms The letters of all alphabets, whether classical or modern, display the same basic structural characteristics and adhere to similar conventions in drawing

More information

Ooma & Ooma Telo Style Guide

Ooma & Ooma Telo Style Guide Ooma & Ooma Telo Style Guide This document provides basic guidelines for the Ooma, Ooma Telo, and Ooma Office brands. 2-3 Ooma Signature 4 Ooma Telo Logotype 5 Ooma Office Logotype 6 Color Palette 7 Typography

More information

DIGITAL PRINT DESIGN (568 )

DIGITAL PRINT DESIGN (568 ) DESCRIPTION Create and produce digital print projects that communicates and promotes graphic communication. Develop knowledge and skills relative to the graphic design & printing industries. Includes:

More information

Reading 2.2 Cascading Style Sheets

Reading 2.2 Cascading Style Sheets Reading 2.2 Cascading Style Sheets By Multiple authors, see citation after each section What is Cascading Style Sheets (CSS)? Cascading Style Sheets (CSS) is a style sheet language used for describing

More information

ACSC 231 Internet Technologies

ACSC 231 Internet Technologies ACSC 231 Internet Technologies Lecture 7 Web Typography Efthyvoulos Kyriacou - Assoc. Prof. Frederick University Resources: C. Markides (Frederick University) Slide 1 ACSC 231: Internet Technologies 23/12/2008

More information

Using Text in Photoshop

Using Text in Photoshop Using Text in Photoshop So, we re going to take a break for a while from talking about photographs and how to manipulate them, and instead focus on some design elements! We re going to spend a while talking

More information

Pour les connaisseurs! part c liza s bonus appendix

Pour les connaisseurs! part c liza s bonus appendix 089808980898089 Pour les connaisseurs! 890890890890 part c liza s bonus appendix Lizalicious take the max out of Liza Pro Regular Expressions for combining fonts assssssssssssssssd Demanding users might

More information

The Fine Art of Setting Type 3 Student Handout

The Fine Art of Setting Type 3 Student Handout please visit www.designexploration.com/podcasts to listen to this chapter s podcast. A New Language Review the terminology that has been covered in the last three chapters and you will see that you are

More information

Digital Print Design DESCRIPTION. EXAM INFORMATION Items

Digital Print Design DESCRIPTION. EXAM INFORMATION Items EXAM INFORMATION Items 75 Points 79 Prerequisites GRAPHIC COMMUNICATIONS, INTERMEDIATE Course Length ONE SEMESTER DESCRIPTION Create and produce digital print projects that communicates and promotes graphic

More information

Introduction To Inkscape Creating Custom Graphics For Websites, Displays & Lessons

Introduction To Inkscape Creating Custom Graphics For Websites, Displays & Lessons Introduction To Inkscape Creating Custom Graphics For Websites, Displays & Lessons The Inkscape Program Inkscape is a free, but very powerful vector graphics program. Available for all computer formats

More information

SUCCESSFUL TYPE? Interface Aesthetics

SUCCESSFUL TYPE? Interface Aesthetics TYPO GR AP HY SUCCESSFUL TYPE? SUCCESSFUL TYPE? TYPOGRAPHY 1 2 TYPOGRAPHY /t 'p gr fi/ n. The art or process of setting and arranging types and printing from them. The style and appearance of printed

More information

GPU Font Rendering. Current State of the Art. Eric Lengyel, Ph.D. Terathon Software

GPU Font Rendering. Current State of the Art. Eric Lengyel, Ph.D. Terathon Software GPU Font Rendering Current State of the Art Eric Lengyel, Ph.D. Terathon Software About the speaker Working in game/graphics dev since 1994 Previously at Sierra, Apple, Naughty Dog Current projects: Slug

More information

from The Elements of Typographic Style by Robert Bringhurst, page 171

from The Elements of Typographic Style by Robert Bringhurst, page 171 from The Elements of Typographic Style by Robert Bringhurst, page 171 from The Elements of Typographic Style by Robert Bringhurst, page 148 h Dunt augue et, sum ad dolore do od estionse feum iure magna

More information

Web Site Design and Development Lecture 6

Web Site Design and Development Lecture 6 Web Site Design and Development Lecture 6 CS 0134 Fall 2018 Tues and Thurs 1:00 2:15PM Inheritance Before we talk about font properties, it needs to be known that font properties are inherited by the descendants

More information

BRAND GUIDELINES January 2017 leanconstruction.org

BRAND GUIDELINES January 2017 leanconstruction.org BRAND GUIDELINES January 2017 leanconstruction.org The Lean Construction Institute (LCI) is a non-profit organization, founded in 1997. The Institute operates as a catalyst to transform the industry through

More information