Chapter 8 Styling with Fonts & Colors

Match the following fonts with the appropriate font-family 1) serif 2) sans-serif 3) monospace 4) cursive 5) fantasy

1) George & Times New Roman 2) Verdana, Arial & Trebuchet MS 3) Courier, Andale Mono 4) Comic Sans 5) Impact & Last Ninja

Match the following font properties with the appropriate descriptions: 1) font-family 2) font-size 3) color 4) font-weight 5) text-decoration

1) allows you to style your page with the font you want to use 2) allows you to decide how large or small your text will appear 3) you can use hexadecimal numbers 4) controls how heavy or light 5) underline, over line, strike through

Match font sizes with the appropriate description 1. Pixels 2. Percent 3. Em 4. Keywords

1. The amount of pixels used 2. How big a font should be in comparison 3. Scaling factor ex. 1.5 4. Font being small, medium, large, etc.

Here's an example of how to specify a font that has multiple words: p { font-family: Times New Roman, serif; }

False

Which of the following properties would you use to style your font so it's bold?

Font-weight

If you don't specify a font size, it will display as the default size, which is about 16 pixels.

True

There are no rules on whether or not to use serif or sans-serif fonts on the web. However, on computer displays, many people consider sans-serif best for body copy because it makes it easier to read.

True

You can shorthand hexidecimal codes when defining colors, for example, #666666 could be written as #666 OR #cc0000 could be written as #c00.

True

Which of the following font properties would you use to to make your text italic?

font-style

What is a problem with using pixels for declaring your font size?

Internet explorer doesn't support text scaling when using pixels