arial-variations-3-ref.html 940 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  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#test1b { font-family: Georgia, serif; }
  11. p#test2b { font-family: Georgia, serif; }
  12. p#test3b { font-family: Georgia, serif; }
  13. p#test4b { font-family: Georgia, serif; }
  14. p#test1b { color: red; }
  15. p#test2b { color: red; }
  16. p#test3b { color: red; }
  17. p#test4b { 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="test1b">{ font-family: ArialMT, Georgia, serif; }</p>
  28. <p id="test2b">{ font-family: Arial-BoldMT, Georgia, serif; }</p>
  29. <p id="test3b">{ font-family: Arial-ItalicMT, Georgia, serif; }</p>
  30. <p id="test4b">{ font-family: Arial-BoldItalicMT, Georgia, serif; }</p>
  31. </div>
  32. </body>
  33. </html>