Lecture # 3

Multimedia ApplicationsMultimedia Applications

Multimedia Data Representations

Lecture # 3

Razia Nisar Noorani

Sir Syed University of Engineering & Technology

Lecturer

Text & Fonts

04/08/23Multimedia Technologies (ITC-511)2

Text and FontsText and Fonts

Text looks like the easiest medium to create and the least expensive to transmit, but there’s more to text creation than meets the eye!


TextText

Three types of text that are used to produce pages of documents:

Unformatted text: also known as plaintext and enables pages to be created which comprise strings of fixed-sized characters from a limited character set.


Text (Cont.)Text (Cont.)

Formatted text: also known as richtext and enables pages and complete documents to be created which comprise of strings of characters of different styles, size and shape with tables, graphics, and images inserted at appropriate points.


Text (Cont.)Text (Cont.) Hypertext:

This enables an integrated set of documents (each comprising formatted text) to be created which have defined linkages between them.


FontsFonts

Typeface A typeface is a family of graphic characters

that usually includes many type sizes and styles e.g., Times, Courier and Helvetica are typefaces, each of which include many sizes & styles


FontFont A font is a collection of characters of a single

size and style, belong to a typeface family typical font styles are boldface, italic, bold italic, and underlined

font sizes are expressed in terms of points, where one point is .0138 or 1/72 inch,

where size is the distance from the top of capital letters to the bottom of descenders In lower-case letters such as g and j.

Times is a typeface; Times 12-point italic is a font In computers, however, people say “font” when “typeface” would be more accurate.


LeadingLeading

Leading (pronounced “ledding”) is the space between lines of text

Lopuck recommends increasing the leading to improve readability of text on a screen Character metrics

Character metrics are the measurements of individual characters

Vector-based fonts permit changes to character metrics for interesting effects; bit-based fonts do not


KerningKerning

Kerning is the spacing between character pairs Some fonts have variable kerning (e.g., Times), so have fixed kerning (e.g., Courier


Serif and Scans SerifSerif and Scans Serif

A serif font has little decorations at the end of each letter stroke

Times and Century are examples of serif fonts; Arial is a sans serif font

On printed pages, serif fonts are traditionally used for body text because they help guide the reader’s eye along the line of text

Headlines use sans serif text Computer screens, with 72-dpi (dots per inch), don’t

provide as much resolution as print, so it can be argued sans serif fonts are more legible in small sizes hence, 12-point Arial font (in Windows) is standard font

Dreamweaver Tutorial: Dreamweaver Tutorial: Change Font StyleChange Font Style

Highlight the text to be formatted on the web page. Right-click the highlighted text or click on the Text menu and then click Style. From the Style sub-menu select the style type you want to apply to the selected text. Dreamweaver applies the style to the text.


You can combine styles to create more complicated effects. For example, you can apply Bold and Italic to get Bold Italic.


You can also select the Text menu from the Insert Menu options. The Text menu will appear with several options for formatting text.


The most commonly used styles, the Bold and Italic style have shortcuts on the Property Inspector and the Text sub-menu.


In the Property Inspector, click on B for Bold text or I for Italic text.


Change a Font Typeface


With the text selected, click on a font family from the Font drop-down menu in the Property Inspector. Dreamweaver applies the font family to the selected text.

Change Font SizeChange Font Size


Make Text Bold, Italic, or Make Text Bold, Italic, or UnderlinedUnderlined


Change Text Color Change Text Color



Questions ?Questions ?

Lecture # 3

Education

Transcript of Lecture # 3