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

Similar documents
Alphabet. elemental visual signs 26 characters frozen sounds

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

Adjust the point size

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

VOICE OF TYPE LECTURE 1

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

jasonjuwono twentyfifteen TYPEDIA _ Typography Encyclopedia

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

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

Font classification review

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

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

BASIC ABOUT TYPE TYPO GRAPHY

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

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

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

Font, Typeface, Typeface Family. Selected Typographical Variables

Keyboarding Basics - Teacher Notes

Typefaces are character sets based on distinct design characteristics.

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

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

RMX. Font Remix Tools FOR GLYPHS. Handbook

FOUNDATION IN GRAPHIC DESIGN. with ADOBE APPLICATIONS

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

Chapter One Modifying Your Fonts

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

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

Typesetting Tips. Put your best type forward.

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

Layer Styles. Learning Objectives. Introduction

Typography/ Layout and Design

Character Formatting. Formatting the Text in Text Frames

Adobe Photoshop CS Design Professional PLACING TYPE IN AN IMAGE

Typography guidelines

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

TYPE BASICS Cartographic Design & Principles Winter 2016

Adobe. Type Manager 4.1. User Guide

LESSON 7 Introduction to Typography

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)

GO Transit type treatments report

INTRODUCING THE Transition family

Modifying Type: effects of a letter change COLDS

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

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

CHAPTER 4: MICROSOFT OFFICE: EXCEL 2010

Einführung in Visual Computing

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

Illustrator. Project Workbook

19. Bulleted and Numbered Lists

7 TYPOGRAPHIC DESIGN Lesson overview

Static Visual Displays: Flight Deck Documentation

TYPE ANATOMY jtittle

LECTURE 4 THE USES OF TEXT IN MULTIMEDIA

WCSD Graphic Standards and Logo Use Guide

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

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.

How to use text. Adding a text frame

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

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

Press-Ready Cookbook Page Guidelines

Typography One typeface classification

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

INTRODUCTION TO TYPOGRAPHY DESIGN

typography.net Shaker Pure, energetic, contemporary

> 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]

Graphics (Output) Primitives. Chapters 3 & 4

Unit 2 Output Primitives and their Attributes

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

How to work with text

Digital File Preparation and Output

ITC Bauhaus created by

Understanding the æsthetics of math typesetting

Pushpay Simple Brand Guide. Volume 1.0

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

7 TyPOGrAPHiC DESiGn lesson overview

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

Text. 5.4 Modeling - Text

Word Tutorial 4 Enhancing Page Layout and Design

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

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

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

H A-Z of DTP Features

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

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

Frequently Asked Questions about Text and Graphics

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

Ooma & Ooma Telo Style Guide

DIGITAL PRINT DESIGN (568 )

Reading 2.2 Cascading Style Sheets

ACSC 231 Internet Technologies

Using Text in Photoshop

Pour les connaisseurs! part c liza s bonus appendix

The Fine Art of Setting Type 3 Student Handout

Digital Print Design DESCRIPTION. EXAM INFORMATION Items

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

SUCCESSFUL TYPE? Interface Aesthetics

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

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

Web Site Design and Development Lecture 6

BRAND GUIDELINES January 2017 leanconstruction.org

Transcription:

Type Anatomy

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

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

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

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.

Fonts on Screen

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.

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