CHAPTER – 3 Text

415 views 27 slides Mar 11, 2022
Slide 1
Slide 1 of 27
Slide 1
1
Slide 2
2
Slide 3
3
Slide 4
4
Slide 5
5
Slide 6
6
Slide 7
7
Slide 8
8
Slide 9
9
Slide 10
10
Slide 11
11
Slide 12
12
Slide 13
13
Slide 14
14
Slide 15
15
Slide 16
16
Slide 17
17
Slide 18
18
Slide 19
19
Slide 20
20
Slide 21
21
Slide 22
22
Slide 23
23
Slide 24
24
Slide 25
25
Slide 26
26
Slide 27
27

About This Presentation

➢ Words and symbols in any form, spoken or written, are the most common means of communication.
➢ Texts in the form of words, sentences, and paragraphs are used to
communicate thoughts, ideas, and facts in nearly every aspect of our lives.
➢ Text is a vital element of multimedia menus, navigat...


Slide Content

CHAPTER – 3
Text
Amir Ibrahim
Nov-2021

●What is Text?
●Factors affecting legibility of text
●Fonts vs Typefaces
●Using Text in a Multimedia Presentation
●Font Wars
●Character sets
●Font Editing and Design Tools
Topics

➢Words and symbols in any form, spoken or written, are the most common
means of communication.
➢Texts in the form of words, sentences and paragraphs is used to
communicate thoughts, ideas and facts in nearly every aspect of our lives.
➢Text is a vital element of multimedia menus, navigation systems, and
content.
➢Multimedia developers must use words carefully and accurately.
What is Text?

➢Based on creating letters, numbers and special characters.
➢Text elements can be categories into:
Alphabet characters : A – Z
Numbers : 0 – 9
Special characters : Punctuation [. , ; ‘ …] , Sign or Symbols [* & ^
% $ £ ! /\ ~ # @ .…]
➢May also include special icon or drawing symbols, mathematical
symbols, Greek Letter ,emojis etc.
What is Text?

Factors affecting legibility of text
➢Size :
The size of the text
➢Background and foreground color :
The color in which the text is written in / on.
➢Style :
Also known as typeface and font
➢Leading :
refers to the amount of added space between lines of type.

Typeface :
●The word typeface began to be used in the early days of printing to describe
characters that share common design features.
●A ‘typeface’ is a family of graphic characters that usually includes many
type sizes and styles.
●For example, Helvetica is a typeface with characters that share common
design characteristics.
●Likewise Times New Roman is another typeface with characters that share
common design characteristics.
Fonts vs Typefaces

Font :
●A font is a particular weight, style, size and effect of a typeface.
●Most typefaces include a number of fonts, although there are a growing
number of contemporary ones that just offer one font.
●Example, Helvetica is made up of 51 fonts of differing styles, sizes, and
weights.
Fonts vs Typefaces

The study of fonts and typefaces includes the following :
●Font styles - boldface, italic, underline, outline
●Font sizes - point, kerning, leading, Tracking
●Cases – uppercase, lowercase, intercap
●Serif versus Sans Serif
Fonts vs Typefaces

The technology of font effects in bringing viewer’s attention to content:

●UPPER CASED Vs lower cased letters
●Bold, Italic, Underline,
subscript
,
superscript
, strike through
●COLORS

ShadowsShadows
Font Styles

●Font size is measured in points.
●Character metrics are the general measurements applied to
individual characters.
●Kerning is the spacing between character pairs
●Leading is the space between lines.
Font Sizes

Kerning :
●Kerning is the adjustment of spacing between individual characters.
●Certain combination of letters has too much space or too little space between
them, which makes it a little difficult for us to read some letters.
●kerning controls the space between characters to achieve even spacing.
●kerning is the addition or removal of space between letters in order to achieve
proportional spacing between each letter.
Font Sizes

Leading :
●Leading is an essential design aspect that determines how text is spaced
vertically in lines.
●For content that has multiple lines of readable text , you’ll want to make sure
the distance from the bottom of the words above to the top of the words
below has appropriate spacing to make them legible.
●Leading is the space between lines.
Font Sizes

Leading :
●The leading is measured from the baseline of each line of text where the
letters “sit.”
●Descenders, the parts of certain letters that are longer, such as a lowercase g,
fall below the baseline.
●Ascenders are the opposite, letters with taller features, such as the letter h.
●They need to be considered as well when determining the leading distance.
Font Sizes

Tracking :
●Tracking is often confused for kerning.
●Tracking involves adjusting the spacing throughout the entire word.
●Once you’ve determined the right spacing between each letter, tracking can
be used, with great restraint, to change the spacing equally between every
letter at once.

Font Sizes

Tracking
Kerning
Leading

●A capitalized letter is referred to as 'uppercase', while a small letter is referred to
as 'lowercase.'
●Placing an uppercase letter in the middle of a word is referred to as intercap.
Cases

Serif vs San Serif
Serif San Serif
●Serif is the little decoration at the
end of a letter stroke.
●Serif fonts are used for body text.
●Sans serif fonts do not have a serif at
the end of a letter stroke.
●These fonts are used for headlines
and bold statements.

➢Menus for navigation.
➢Interactive buttons.
➢Fields for reading.
➢HTML documents.
➢Symbols and icons
Using Text in a Multimedia Presentation

Choosing text fonts
➢Consider legibility and readability.
➢Avoid too many faces.
➢Use color purposefully.
➢Use anti-aliased text.
➢Use drop caps and initial caps for accent.
➢Minimize centered text.
➢Use white space.
➢Use animated text to grab attention.
Using Text in a Multimedia Presentation

PostScript
➢Developed in 1984, PostScript fonts are based on the Adobe PostScript
language.
➢PostScript is a method of describing an image in terms of mathematical
constructs.
➢PostScript characters are scalable and can be drawn much faster.
➢The three types of PostScript fonts are (ie: Type 1, Type 2, Type 3,
etc.), with Type 1 being the most common.
➢Due to differences in how the font is built, Mac and Windows
PostScript fonts are generally not cross-platform compatible.
Font wars

TrueType
➢Apple and Microsoft developed the TrueType methodology.
➢The TrueType technology was originally developed by Apple in the late
1980s, but was adapted by Microsoft and has become the standard for
Windows platforms.
➢TrueType is a system of scalable outline fonts and can draw characters
at low resolution.
➢this fonts are relatively cross-compatible.
➢The downside of the TrueType font format is that it is limited in its
scalability, and will often display differently on different systems.
Font wars

OpenType
➢The OpenType digital font format was developed jointly by Apple and
Microsoft to put an end to the PostScript/TrueType war.
➢Adobe and Microsoft developed OpenType, now the international
standard.
➢It incorporates the best features of PostScript and TrueType.
➢One of the benefits of OpenType is that it offers extended character sets
and more advanced typographic controls.
Font wars

Font wars
O : open Type
T : True Type

➢The American Standard Code for Information Interchange (ASCII) is a 8-
bit coding system.
➢The extended character set is commonly filled with ANSI standard
characters.
➢The ISO-Latin-1 character set is used while programming the text of
HTML pages.
➢Unicode is a 16-bit architecture for multilingual text and character
encoding.
➢The shared symbols of each character set are unified into collections of
symbols called scripts.
Character Sets

➢Fontlab Studio
➢FontCreator
➢Fontographer
➢Glyphs
➢Robofont
Font Editing and Design Tools

End of chapter - 3
Nov - 2021