docs/uidesign/monospace.html

   1 <!DOCTYPE html>
   2 <html lang="en" dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
   3 <head>
   4         <style type="text/css">
   5                 pre {
   6                         border: 1px dashed #AAA;
   7                         background-color: #E0E0E0;
   8                         color: #000000;
   9                         margin: 1em 10%;
  10                         padding: 0.5em;
  11                 }
  12         </style>
  13 </head>
  14 <body>
  15 <p>
  16 This page let you test the rendering font-family declaration for monospaced fonts. TODO: add some references here :-)
  17 </p>
  18
  19 <pre style='
  20 font-family: monospace;'>
  21 font-family: monospace;
  22 </pre>
  23
  24 <pre style='
  25 font-family: "Courier New";'>
  26 font-family: "Courier New";
  27 </pre>
  28
  29 <pre style='
  30 font-family: Courier;'>
  31 font-family: Courier;
  32 </pre>
  33
  34 <pre style='
  35 font-family: monospace, monospace;'>
  36 font-family: monospace, monospace;
  37 </pre>
  38
  39 <pre style='
  40 font-family: monospace, "Courier New";'>
  41 font-family: monospace, "Courier New";
  42 </pre>
  43
  44 <pre style='
  45 font-family: monospace, Courier;'>
  46 font-family: monospace, Courier;
  47 </pre>
  48
  49 <pre style='
  50 font-family: monospace, Verdana;'>
  51 font-family: monospace, Verdana;
  52 </pre>
  53
  54 <pre style='
  55 font-family: monospace, DOESNOTEXISTREALLY;'>
  56 font-family: monospace, DOESNOTEXISTREALLY;
  57 </pre>
  58