This is an example of the font-family property with the fonts comic sans ms, arial, monotype corsiva.

This is an example of the font-size set to 65pt.

This is an example of the font-weight with a value of bold.

This is an example of the font-style with a value of italic.

This is an example of the text-transform property with a value of capitalize.

CLICK HERE TO GO TO GOOGLE

1. Why is it neccessary to type the exact name of the font that you want on the page?
   It is necessary because if it isn't spelled correctly, the font won't be recognized.

   What is "font-family"?

   Font-family is the font the browser displays.

   For the font-family property, why would one specify more than one font name?

   More than one should be specified so that if the first one doesn't work, the next one does.

   How many font names are you limited to listing in the font-family property?

   There is no limit.

   The lesson states that it is a good idea to list a generic font as the last resort, what are the 5 choices that they list?

   The listed fonts are: serif (probably Times), sans-serif (probably Arial or Helvetica), cursive (probably Comic Sans), fantasy (probably Ransom), monospace.

   If a font name has more than one word for the name, what are two things that you could do when typing the code?

   If it's inline, put apostrophes around the font; if it's linked, put quotes around the font name.

   The lesson says that if you are grouping more than one declaration and font-family is among them, type the font-family declaration last, why is this?

   Sometimes Internet Explorer 3 will ignore an entire CSS rule if font-family isn't the last property listed.

   What are the three basic ways to specify the size of text?

   Points, ems, pixels, and other units, keywords, and percentage values are the 3 basic ways.

   What is one problem that the lesson lists between PC and MAC browsers, in regards to font size?

   By default, fonts appear larger on PC monitors than they do on Mac monitors.

   What is an "em"?

   An em is a unit of distance equal to the point size of a font.

   What is one major benefit to using a pixel as a unit of measurement for font size between platforms?

   Text sizes are similar across platforms when you use pixels.

   What is one major downfall to using a pixel as a unit of measurement for font size?

   The web page won't print consistently.

   The lesson specifies "Other Units". Name the 5 "other units" that it refers to.

   in is inches ,cm is centimeters, mm is millimeters, pc is picas, ex is x-height

   What are the seven "keywords" that one can use?

   xx-small, x-small, small, medium, large, x-large, xx-large

   What do these "keywords" correspond to?

   They correspond to the numerical values we're used to seeing with font size.

   What is the property that you are to use to control italics?

   The property is font-style.

   What are two alternates to using italic in the above property?

   Oblique

   How would one make bold text within a stylesheet?

   The property is font-weight and the value is bold.

   How would one "turn off" the bold text within the same stylesheet property?

   The value after bold is normal.

   Numbers can also be used to specify boldness. What is the range of numbers that can be used, and what does each mean (i.e. the lower the number the what? or the higher the number the what?)?

   The higher the number, the more bold the text is. The range of numbers is from 100 to 900.

   How does the font that is used play a factor with the boldness of it?

   The font's boldness may change based on the browser and will only work if the font has a range of bold values already build into it.

   What is one MAJOR problem with the font-variant property?

   No version of Communicator or Internet Explorer currently supports the font-varient property.

   What are the four values for text-transform, and what does each one do?

   The four values are uppercase, lowercase, capitalize, and none. Uppercase makes all of the letters capitalized. Lowercase makes all of the letters lowercased. Capitalize makes the first letter of every word capitalized. None makes the text display normally.

   What are the five values for text-decoration, and what does each one do?

   Underline makes the text underlined. Overline adds a line above the text. Line-through puts a line through the text (strike through). Blink makes the text blink. None makes sure none of the text-decoration values are in effect.

   What does "a: link", "a: active", and "a: visited" mean?

   They are like predefined classes. "a: active" changes the appearance of links being clicked on. "a: visited" changes the appearance of links previously viewed. "a: link" changes the appearance of links that haven't been clicked that are not being clicked.

   What is another example of something you can do with the three above properties other than the underline?

   You could make the text more or less bolded, a different font or have a different background.

   Back
   Next