arial-variations-4-ref.html 939 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <title>Arial Variations</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <style type="text/css">
  7. body {
  8. margin: 50px;
  9. }
  10. p#test1c { font-family: Georgia, serif; }
  11. p#test2c { font-family: Georgia, serif; }
  12. p#test3c { font-family: Georgia, serif; }
  13. p#test4c { font-family: Georgia, serif; }
  14. p#test1c { color: red; }
  15. p#test2c { color: red; }
  16. p#test3c { color: red; }
  17. p#test4c { color: red; }
  18. #tests {
  19. font-size: 18pt;
  20. margin-left: 0.5em;
  21. }
  22. </style>
  23. </head>
  24. <body>
  25. <p>Text in black should appear in Arial and text in red in Georgia or the default serif font:</p>
  26. <div id="tests">
  27. <p id="test1c">{ font-family: arialmt, georgia, serif; }</p>
  28. <p id="test2c">{ font-family: arial-boldmt, georgia, serif; }</p>
  29. <p id="test3c">{ font-family: arial-italicmt, georgia, serif; }</p>
  30. <p id="test4c">{ font-family: arial-bolditalicmt, georgia, serif; }</p>
  31. </div>
  32. </body>
  33. </html>