examples/htdocs/font-styles.html

   1 <html>
   2   <head>
   3     <style>
   4       p.p1 { }
   5       p.p2 { background: pink; font-family: Sans-Serif; }
   6       p.p3 { background: lightblue; font-family: Sans; }
   7       p.p4 { background: lightgreen; font-family: Arial; }
   8       p.p5 { background: yellow; font-family: Gill Sans, "Gillius ADF", Gillius, GilliusADF; }
   9       p.p6 { background: lightcyan; font-family: Gill Sans, "Gillius ADF", Gillius, GilliusADF, Sans-Serif; }
  10       p.p7 { background: magenta; font-family: Gill Sans, "Gillius ADF", Gillius, GilliusADF, Arial, Sans-Serif; }
  11       p.p8 { background: lightgrey; font-family: Gill Sans, "Gillius ADF", Gillius, GilliusADF, Arial, Sans; }
  12     </style>
  13   </head>
  14   <body>
  15     <p class="p1">1. Ticking away the moments that make up a dull day</p>
  16     <p class="p2">2. Ticking away the moments that make up a dull day</p>
  17     <p class="p3">3. Ticking away the moments that make up a dull day</p>
  18     <p class="p4">4. Ticking away the moments that make up a dull day</p>
  19     <p class="p5">5. Ticking away the moments that make up a dull day</p>
  20     <p class="p6">6. Ticking away the moments that make up a dull day</p>
  21     <p class="p7">7. Ticking away the moments that make up a dull day</p>
  22     <p class="p8">8. Ticking away the moments that make up a dull day</p>
  23   </body>
  24 </html>