Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 10 This presentation © 2004, MacAvon Media Productions Characters & Fonts.

Slides:



Advertisements
Similar presentations
1 Professional Communications Working with Type Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used.
Advertisements

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.
Week 7 Web Typography. 2 Understanding Type Design Principles.
Tafseer Ahmed Department of Computer Science University of Karachi Urdu on Linux International Support.
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.
Lecture 3 1 ISO/IEC and Unicode It is a coded character set(codeset) –Designed for text processing and exchange Features: –Universal: characters.
Review1 What is multilingual computing? Bilingual, trilingual, vs. Multilingual What are the fundamental issues in multi-lingual computing? –Representation.
Thinking with Type A Critical Guide for Designers, Writers, Editors, & Students ELLEN LUPTON v.
1.01 Investigate typefaces and fonts.
Unicode, character sets, and a a little history. Historical Perspective First came EBCIDIC (6 Bits?) Then in the early 1960s came ASCII – Most computers.
Introduction to Human Language Technologies Tomaž Erjavec Karl-Franzens-Universität Graz Tomaž Erjavec Lecture: Character sets
Web Design, 5 th Edition 5 Typography and Images.
10. Typography The basic terminology & concepts of working with type
Introduction to Interactive Media 06: Text: Static Interactive Media Component.
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,
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.
Chapter 7 Web Typography Principles of Web Design, 4 th Edition.
Digital Interactive Media
Globalisation & Computer Systems week 5 1. Localisation presentations 2.Character representation and UNICODE UNICODE design principles UNICODE character.
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
Week 4 Number Systems.
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.
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.
Anlab ( ) Kim, Yangjung Characters & Fonts.
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
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.
Business and Computing Deanery Multimedia Week 7 Text.
COMP135/COMP535 Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 2 Lecture 2 – Digital Representations.
© 2001, Penn State University Encoding on the Internet Elizabeth J. Pyatt CETS.
Representing Characters in a Computer System Representation of Data in Computer Systems.
UNIT 4 - TYPOGRAPHY Digital Communications I. 3-D  an effect that gives the illusion of depth.
Chapter 8 Print Type © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
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
Characters & Fonts Digital Multimedia, 2nd edition
Chapter 3 Data Storage.
DFP 4113 MULTIMEDIA TECHNOLOGY
Multimedia Systems and Applications
Unit 2.1: Identifying design elements when preparing graphics
2.01 Investigate typefaces and fonts.
Text.
2.01 Investigate typefaces and fonts.
Ch2: Data Representation
Digital Interactive Media
Characters & Fonts Digital Multimedia, 2nd edition
Professional Communications
ASCII and Unicode.
Presentation transcript:

Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 10 This presentation © 2004, MacAvon Media Productions Characters & Fonts

© 2004, MacAvon Media Productions 10 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

© 2004, MacAvon Media Productions 10 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

© 2004, MacAvon Media Productions 10 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

© 2004, MacAvon Media Productions 10 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

© 2004, MacAvon Media Productions 10 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

© 2004, MacAvon Media Productions 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

© 2004, MacAvon Media Productions 10 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

© 2004, MacAvon Media Productions 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

© 2004, MacAvon Media Productions 10 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 drop zero bytes – UCS 2 UCS 2 is therefore identical to Unicode Encodings 322–323

© 2004, MacAvon Media Productions 10 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

© 2004, MacAvon Media Productions 10 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

© 2004, MacAvon Media Productions 10 Spacing: monospaced (fixed width)/proportional Serifs: serifed/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

© 2004, MacAvon Media Productions 10 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

© 2004, MacAvon Media Productions 10 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

© 2004, MacAvon Media Productions 10 Units Points: 1pt = 1/72" = mm 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

© 2004, MacAvon Media Productions 10 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

© 2004, MacAvon Media Productions

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

© 2004, MacAvon Media Productions 10 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

© 2004, MacAvon Media Productions 10 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 TrueType OpenType Digital Fonts 339

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

© 2004, MacAvon Media Productions 10 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