3.2 Using the Font Properties

p.120 How do you use the font shorthand property?

1. Type values for the font's style, weight, variant, size, and family as applicable. 2. Enter SPACES between the values for font properties. 3. Enter COMMAS between values for the font family.

p.112 What are the six font properties?

1. font-style 2. font-weight 3. font-variant 4. font-size 5. font-family 6. font

1. What are the six font properties?

1. font-style- italic/bold/normal 2. font-weight- how thick 3. font-variant- small caps/normal 4. font-size 5. font-family 6. font

p.112 What are the three possible values of the font-style property?

1. italic 2. oblique 3. normal

p.117 What are the five generic fonts used on the Web?

1. serif 2. sans-serif 3. monospace 4. cursive 5. fantasy

8. What are the five font families?

1. serif 2. sans-serif 3. monotype 4. cursive 5. fantasy

p.112 What are the four keywords for the font-weight property?

1.bold 2. bolder 3. lighter 4. normal-- removes the bold

p.115 x-mall

10 pt.

p.112 Give the font-weight values in numbers for normal, bold, and as bold as possible.

100-500 normal 600-800 bold 900 as bold as possible

p.115 small

12 pt.

p.115 medium

14 pt.

p.115 large

18 pt.

p.115 x-large

24 pt

p.115 xx-large

36 pt

p.115 xx-small

8 pt.

p.115 Why is it important to use relative values rather than absolute values for your Web pages?

Contemporary browsers allow the user to make the text size larger or smaller.

p.118 What is a common workaround for the problems associated with cursive and fantasy fonts?

Create text with cursive or fantasy fonts in a design program, save that text as an image file, and then use the image file on your Web page

p.118 Why should you limit the use of fantasy and cursive fonts?

Different computers interpret them differently.

p.114 Does XHTML have an element equivalent to font-variant?

NO

p.118 Do you have to capitalize font names in your CSS codes?

No, but it is good coding practice

p.118 In the declaration, do you have to include spaces after commas in the font list?

No, but it is good coding practice.

p.115 If you typed 2 em, what would happen?

Nothing; it is invalid because it has a space between the number and the --em, the font size will remain unchanged

p.120 Property values are separated by ______, while font list properties are separated by_____.

Property values are separated by SPACES. Font list properties are separated by COMMAS.

p.121 What do you have to put before and after the style code?

Quotation marks; a semi-colon should separate each declaration, and a semi-colon should follow the last declaration ex. <p><em style="color: blue; background-color:orange;">Text for the inline style here.</em>

p.118 What fonts are commonly installed on Apple computers?

Swiss, Dutch, Times, Geneva, Helvetica, and Courier

p.115 Why should you limit your use of point sizes when expressing font size in CSS?

They are used primarily in typography, so it's best to express the font size in points only if you are creating a style sheet designed to print a web page

p.120 What is the font shorthand property used for?

To reduce the number of declarations to be typed when creating a style using several font properties

p.118 Why is it good coding practice to list several fonts as values for the font-family property, including one generic font at the end of the list?

You don't know what fonts users have installed on their computers.

p.120 If you use the font shorthand property, what do you HAVE to list?

You have to specify values for both the font-size and font-family properties.

p.118 When making a font list, what do you put between each font name?

a comma ex h1{ font-family:Arial,Helvetica,sans-serif; }

p.115 absolute value

a fixed value that will not increase or decrease in size in relation to its parent element

6. How does a font differ from a font family?

a font is a particular font; a font family is a set of fonts with distinctly similar characteristics

p.117 font family

a set of fonts that have similar characteristics, such as Arial, Arial Black, Arial Narrow, et.al.

p.112 keyword

a value that has a specific meaning for a property in CSS

p.115 relative value

a value that increases or decreases in size in relation to the parent element; it is important to use these for your font sizes

p.121 inline styles

are used to apply a style to a section of text within the document body <em style></em style>

p.117 fantasy font

artistic and decorative

p.117 generic font

attempts to duplicate as many features of a specific font as possible; designed to be the default option if none of the specified fonts are installed on the user's computer

p.119 How would you change the font family for the body element?

body { font-family: Arial, Helvetica, sans-serif; }

p.115. How can you express font size in CSS code?

centimeters, inches, millimeters, points (equal to 1/72 of an inch), picas (pc, equal to 1/6 of an inch), pixels (px), x-Height (ex), em, percentage

p.117 cursive font

designed to resemble handwritten letters or handwritten script

p.112 font-variant

displays the text in small caps or normal

p.117 sans-serif font

doesn't have finishing strokes, hooks and tails

p.115 In CSS code, what is more common to express font size?

em values as a percent or as a keyword

p.115 em unit

equals the width of an uppercase M in the browser's default font size, which is usually a font size of 12 points (16pixels).

5. What property is used to change the size of type?

font-size

2. What property is used to have text appear in italics?

font-style

p.120 What is the order you have to list font properties in if you use the font shorthand property?

font-style font-weight font-variant font-size font-family

4. What property is used to have text appear in all capital letters in a slightly smaller text size?

font-variant

3. What property is used to have text appear in bold?

font-weight

p.117 monospace font

has a fixed-letter width, meaning that every letter takes up the same amount of space (i is the same as w)

p.117 serif font

have finishing strokes, hooks and tails

p.112 finishing strokes

hooks and tails that add more visual detail to the characters

p.112 oblique text

is simply a slanted version of the normal, upright text; browsers do not support oblique text;

p.117 font-family property

is used to change the typeface of text; different that just a font

p.113 font-variant property

makes text appear in small caps; has only two values: small caps and normal

p.117 cross-platform

meaning they can be displayed on any computer regardless of the platform

p.113 small caps

refers to text that has a slightly smaller point size (usually 2 points smaller); to indicate a capital letter in small caps, the first letter of a word is about 2 points larger than the other caps letters in the word

p.112 font-style

sets the appearance of the text as italic, oblique, or normal

p.112 font-size

sets the size of the text

p.112 font-family

sets the typeface, such as serif or sans-serif

p.112 font-weight

sets the weight of the text as lighter, bold, bolder, or normal

p.120 What is a synonym for shorthand property?

shortcut property

7. What will be the type size if you specify a value of "18 pt"?

the default font size; there must not be any space between the value and the unit of measurement

p.118 font list

the list of fonts in which you would like the text to appear in the browser; the browser will use the generic sans-serif font in case the other specific options in the font list are not installed/not available

p.117 font

the recognizable, distinct design of a collection of characters in a particular type face, such as Arial

p.117 platform

the type of computer and operating system you are using

p.112 normal

use this value to remove italics from text that normally owuld appear in italics, such as the text between <em></em> tags

p.115 font-size property

used to change the font size; using CSS you can specify any font size you want

p.120 shorthand property

used to set a related group of properties in one declaration

p.112 font-weight property

uses one of our keywords to change the weight or thickness of text

p.112 italic text

usually a separate font face, with small changes made to each character to slant them at approximately a 12-degree angle; has finishing strokes, hooks and tails that add more visual detail to the characters