Font Families

Font families including demo fonts & examples

J04a - (4:05)
- NOTE:
  - After recording the video, the links seen in the video in this section went dead. Therefore I have removed the links from this section having been unable to find similar pages.
- There are five main categories of fonts, they are as follows, with and example for each:
- Serif
  - font-family: 'times new roman';
- Sans-serif
  - font-family: Arial;
- Monospace
  - font-family:'Courier New';
- Cursive
  - font-family:'Comic Sans MS';
- Fantasy
  - font-family: impact;

Create a new html file and name it yourlastname_J04.html
Put five paragraphs of Lorem ipsum text in it.
Create five classes named:
- srf
- snssrf
- mnspc
- crsv
- fntsy
Give each class the property: font-family.
Find a common font from each of the five main categories of fonts.
- This might be helpful, but if at some future date this link no longer works, find a list of the common ones somewhere else.
Apply one font per class using fonts that correspond to the abbreviated class names.
Add one class to each of the five paragraph tags using the same order that they are listed above.