Anlab (200532013) Kim, Yangjung Characters & Fonts.

Slides:



Advertisements
Similar presentations
Typography Selecting appropriate typefaces for a document. Typography.
Advertisements

1 Professional Communications Working with Type Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used.
Graphics 2D 1 Subject:T0934 / Multimedia Programming Foundation Session:6 Tahun:2009 Versi:1/0.
Typography the art of using (text) fonts and font styles to produce professional looking publications the art of using (text) fonts and font styles to.
Tafseer Ahmed Department of Computer Science University of Karachi Urdu on Linux International Support.
DIGITAL GRAPHICS & ANIMATION Complete LESSON 4 ADDING TEXT TO GRAPHICS.
Chapter Concepts Discuss Fonts Understand Fonts
Media: Text “Words and symbols in any form, spoken or written, are the most common system of communication.” ~ unknown.
Thinking with Type A Critical Guide for Designers, Writers, Editors, & Students ELLEN LUPTON v.
1.01 Investigate typefaces and fonts.
Introduction to Human Language Technologies Tomaž Erjavec Karl-Franzens-Universität Graz Tomaž Erjavec Lecture: Character sets
10. Typography The basic terminology & concepts of working with type
Typography 2.01 Investigate typefaces and fonts..
Chapter 9 Text. So, chapter 10 is about Photography, now Chapter 9 is about text What should it look like, how big should it be, how do colors contrast,
Text Text. Multimedia Elements u Text u Graphics u Animation u Sound u Video.
TYPOGRAPHY.
Text.
Chapter 7 Chapter 7 Characters and Fonts Multimedia Systems.
Text. Table of Content 1.Introduction of text. 2.Text elements. 3.Types of text. 4.Fonts and typefaces. 5.Font Terminology. 6.Classification of fonts.
Typography Terms. o.php?viewkey=d26eb03e91d5741a4a 3b.
Digital Interactive Media
All of the following terms describe parts of a font that give the eye visual clues to decoding the letters while reading. Many of these terms stem from.
Encoding and fonts Edward Garrett Software Developer, ELAR.
1 herbert van de sompel CS 502 Computing Methods for Digital Libraries Cornell University – Computer Science Herbert Van de Sompel
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 10 This presentation © 2004, MacAvon Media Productions Characters & Fonts.
Dale Roberts Department of Computer and Information Science, School of Science, IUPUI CSCI N305 Information Representation: Characters and Images.
B.Sc. Multimedia ComputingMedia Technologies Character Representation & Font Technology.
The art of using text to produce professional looking publications.
CHAPTER FIVE TEXT.
Character Encoding, F onts. Overview Why do character encoding and fonts matter to linguists? How can you identify problems? Why do these problems arise?
Introduction to Interactive Media Interactive Media Components: Text.
Typography (Fonts). Type type = any set of printed characters font = a set of printable or displayable characters with a specific style and size typeface.
Globalisation & Computer systems Week 5/6 Character representation ACII and code pages UNICODE.
Desktop Publishing Review. What is a rough sketch used in planning a layout and design?
Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used with permission. 1 Graphic Design & Illustration.
Lecture 8: Introduction to Text and Font COMP Digital Media Production: Lecture 8.
Typography Graphic Design Fundamentals
Typography 1.01 Investigate typefaces and fonts. (Rev. 2011)
TYPOGRAPHY What is Typography?
Chapter 3 - Text Revamped by Hamzah Asyrani Sulaiman.
Data Representation. What is data? Data is information that has been translated into a form that is more convenient to process As information take different.
Graphic Design  Graphic Design is a form of visual communication.  Communicate a message  Using typography and graphic elements.
Graphic Communications Chapter 4.  Distinctive designs of visual symbols that are used to compose a printed page.  Ie: Magneto, Times New Roman, Baskerville,
Business and Computing Deanery Multimedia Week 7 Text.
© 2001, Penn State University Encoding on the Internet Elizabeth J. Pyatt CETS.
UNIT 4 - TYPOGRAPHY Digital Communications I. 3-D  an effect that gives the illusion of depth.
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.
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 3 Introducing Cascading Style Sheets.
Graphic Design Mrs. Lacks. Typography Is the art and skill of arranging text so that language is visible Essentially, all forms of writing are typography.
1.4 Representation of data in computer systems Character.
Digital Interactive Media
Digital Interactive Media
Digital Interactive Media
Digital Interactive Media
The art of using text to produce professional looking publications.
Characters & Fonts Digital Multimedia, 2nd edition
DFP 4113 MULTIMEDIA TECHNOLOGY
Basic Desktop Terminology
Multimedia Systems and Applications
Unit 2.1: Identifying design elements when preparing graphics
2.01 Investigate typefaces and fonts.
Text.
The Art of Type 9/17/2018.
2.01 Investigate typefaces and fonts.
Ch2: Data Representation
Desktop Publishing Terminology
Digital Interactive Media
Characters & Fonts Digital Multimedia, 2nd edition
Professional Communications
ASCII and Unicode.
Presentation transcript:

Anlab ( ) Kim, Yangjung Characters & Fonts

Dual nature Visual representation of language (content) Need to relate bit patterns to symbols of a written language Graphic element (appearance) Precise shapes of characters, spacing and layout (typography) Each abstract character may have many different graphic representations Text 314–315

Abstract characters are grouped into alphabets Any set of distinct symbols, usually forming the basis of some written language A character set is a mapping between the characters of some alphabet (its character repertoire) and bit patterns For each character in its repertoire, a character set defines a code value, belonging to its set of code points Character Sets 315–316

American Standard Code for Information Interchange 7 bits for each code value, hence 128 code points Character repertoire only comprises 95 characters (other 33 values are used for control characters) Character repertoire is only really adequate for American English ISO standard ISO 646 is ASCII with national variants (accented letters, currency symbols) ASCII 317

Easy to double the number of code points by using the eighth bit of a byte Maintain backward compatibility by keeping lower half (0 – 127) identical with US-ASCII Use code points 128 – 255 for accented letters, math symbols, extra punctuation 256 code points still insufficient for all languages, so must still use different variants ('code pages') 8-bit Character Sets 318

Incompatible 8-bit extensions to ASCII were originally developed by manufacturers Standardization required ISO 8859 is a multi-part standard which defines a collection of character sets, each designed to accommodate the needs of a group of related languages ISO , known as ISO-Latin1, covers most Western European languages ISO

256 code points is not sufficient for ideographically based alphabets or for using more than one language at a time 16-bit (2-byte) character set with 65,536 code points can accommodate bit character sets simultaneously, and so on with 24- and 32-bit sets ISO is structured as a hypercube comprising 256 groups (cubes) each of 256 planes of 256 rows, each with 256 characters Multi-byte Character Sets 320

Each code point can be written as a quadruple (g, p, r, c) – group, plane, row, character Using * to mean all values from 0 – 255, can also use quadruples to identify subsets (0, 0, 0, *) is the subset with all but lowest- order byte set to 0 In ISO 10646, (0, 0, 0, *) is identical with ISO Latin1 Structure of ISO

16-bit character set developed by an industry consortium Unicode uses CJK consolidation to fit all characters required for Chinese, Korean and Japanese into 16 bits Characters that look the same have the same position, even if they are in fact different ISO Basic Multilingual Plane (0, 0, *, *) is identical to Unicode (even though ISO doesn't really need to use CJK consolidation) Unicode 320–321

Mapping from code values to a sequence of bytes charset specification in a MIME type identifies encoding and character set e.g. text/html; charset = ISO Obvious encoding of ISO uses four bytes for each 32- bit value – UCS 4 For values on BMP(Basic Multilingual Plane) drop zero bytes – UCS 2 UCS 2 is therefore identical to Unicode Encodings 322–323

UCS Transformation Formats can be applied to Unicode (UCS 2) values UTF-8: ASCII characters encoded as themselves, values > 127 encoded as a string of up to six bytes with highest bit set to 1 UTF-7 further encodes UTF-8 as 7-bit values to avoid problems with older protocols UTF-16 allows pairs of 16-bit values to be combined into a single 32-bit value, extending Unicode beyond BMP (additional 15 planes) UTFs 323

Visual representation of a character is called a glyph Must replace characters with glyphs for display Glyphs are arranged into collections called fonts Fonts are stored in specified locations on a computer system, may be embedded in documents If font is not embedded, document may not display properly on systems where that font is not installed Fonts 324–326

Spacing: monospaced (fixed width)/proportional Serifs: serifed/sans serif ex) HI sans serif Serifs are the small strokes added to the ends of character shapes in conventional book fonts Shape: upright/italic/slanted Slant is a vertical shear effect, italic uses different glyph shapes with a slant Weight: bold /normal/ light Classification of Fonts 327–330

Text fonts – suitable for continuous text (e.g. body of a book or article) Must be unobtrusive, easy to read Display fonts – suitable for isolated pieces of short text (e.g. headings, signs or slogans) Intention is to get a short message across, so eye- catching design that would be inappropriate for continuous text is OK Choice of Fonts 331–332

Text fonts may be problematical Low resolution of computer displays leads to loss of details (e.g. fine serifs) and distortion of letter shapes Use larger sizes than in print, prefer sans serif, use fonts such as Arial and Verdana designed to be readable at low resolution Display fonts work better and may be suitable for small pieces of continuous text Fonts for Multimedia 332–333

Units Points: 1pt = 1/72" = mm (1 inch =2.54 cm) Exact size is not standard; 1/72" is invariably used by computer systems Picas: 1pc = 12pt Font's body size is not necessarily the size of any particular character e.g. 10pt Times Roman Font Measurement 334–335

Baseline – the line on which the bases of characters are arranged Leading – the distance between successive baselines x-height – the distance between the baseline and the top of a lower-case letter x Ascenders/descenders – strokes that rise above the x-height/drop below the baseline Font Terminology 337

336

Used to express measurements relative to font size 1 ex = font's x-height (vertical) 1 em = body size (horizontal) Traditionally the width of an upper-case M Long dashes — known as em-dashes (1em long) 1 en = 0.5em (1 en = width upper-case N) Shorter dashes – known as en-dashes (1en long) Relative Units 336–337

Kerning – adjustment of space between certain pairs of letters (e.g. AV) to make them look more uniform Kerning pairs for a font are defined by its designer, stored with the font metrics Ligatures – single composite characters used to replace pairs of letters that don't look right next to each other (e.g. fi) Ligatures are stored as extra characters in the font Spacing 337–338

Glyphs are just images, so we can have bitmapped or vector (outline) fonts Bitmapped fonts don't scale well or reproduce at different resolutions Outline font formats: PostScript Type 1 – Cross platform TrueType - alternative format, based on quadratic curve OpenType – unifies Type1 and TrueType Digital Fonts 339

Type 1 Character shapes are based on B é zier curves Fonts can contain hints used by rendering programs to improve appearance at low resolution TrueType Character shapes are based on quadratic curves Instructions specify how features of a character are rendered at different resolutions Outline Fonts 340–341

New cross-platform format that unifies Type 1 and TrueType More than 256 characters in each font Type 1 and TrueType both limited to 256 Encoding based on Unicode Support for extended range of ligatures, old- style numerals, swash capitals, fractions OpenType Fonts 340