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       p.p8 { background: lightgrey; font-family: Gill Sans, "Gillius ADF", Gillius, GilliusADF, Arial, Sans; }
  13       p.p9 { background: #ffffe0; font-family: GillSansRegular, Gill Sans, "Gillius ADF", Gillius, GilliusADF, Arial, Sans; }
  14       p.p10 { background: #ffe0ff; font-family: GillSansRegular, "Gillius ADF", Gill Sans, Gillius, GilliusADF, Arial, Sans; }
  15     </style>
  16   </head>
  17   <body>
  18     <p class="p1">1. Ticking away the moments that make up a dull day</p>
  19     <p class="p2">2. Ticking away the moments that make up a dull day</p>
  20     <p class="p3">3. Ticking away the moments that make up a dull day</p>
  21     <p class="p4">4. Ticking away the moments that make up a dull day</p>
  22     <p class="p5">5. Ticking away the moments that make up a dull day</p>
  23     <p class="p6">6. Ticking away the moments that make up a dull day</p>
  24     <p class="p7">7. Ticking away the moments that make up a dull day</p>
  25     <p class="p8">8. Ticking away the moments that make up a dull day</p>
  26     <p class="p9">9. Ticking away the moments that make up a dull day</p>
  27     <p class="p10">10. Ticking away the moments that make up a dull day</p>
  28   </body>
  29 </html>