third_party/WebKit/LayoutTests/fast/text/basic/generic-family-reset.html

   1 <html>
   2 <head>
   3 <title>tt font size bug?</title>
   4 <style type="text/css">
   5 html, body {
   6 font-family: Verdana;
   7 }
   8 tt, span {
   9 font-size: 0.8em;
  10 }
  11 </style>
  12 </head>
  13 <body>
  14 <h3>tt's, font-family inheriting and font-size: a bug</h3>
  15 <table cellspacing="10">
  16 <tr>
  17 <td colspan="2">
  18 The css in the head of this file is like this:<br/>
  19 <br/>
  20 html, body { <br/>
  21 &nbsp; &nbsp; font-family: Verdana; <br/>
  22 }<br/>
  23 tt, span {<br/>
  24 &nbsp; &nbsp; font-size: 0.8em;<br/>
  25 }<br/>
  26 <br/>
  27 The two columns below show that inheriting the font does not correctly inherit the font-size for a &lt;tt&gt; block.<br/>
  28 </td>
  29 </tr>
  30 <tr>
  31 <th>
  32 &lt;tt&gt;
  33 </th>
  34 <th>
  35 &lt;span&gt;
  36 </th>
  37 </tr>
  38 <tr>
  39 <td>
  40 <tt style="font-family: Verdana;">
  41 font-family: Verdana; font-size: 0.8em;
  42 </tt>
  43 </td>
  44 <td>
  45 <span style="font-family: Verdana;">
  46 font-family: Verdana; font-size: 0.8em;
  47 </span>
  48 </td>
  49 </tr>
  50 <tr>
  51 <td>
  52 <tt style="font-family: inherit;">
  53 font-family: inherit (Verdana); font-size: 0.8em;
  54 </tt>
  55 </td>
  56 <td>
  57 <span style="font-family: inherit;">
  58 font-family: inherit; font-size: 0.8em;
  59 </span>
  60 </td>
  61 </tr>
  62 <tr>
  63 <td>
  64
  65 <tt style="font-family: Verdana; font-size: 1.0em;">
  66 font-family: Verdana; font-size: 1.0em;
  67 </tt>
  68 </td>
  69 <td>
  70 <span style="font-family: Verdana; font-size: 1.0em;">
  71 font-family: Verdana; font-size: 1.0em;
  72 </span>
  73 </td>
  74 </tr>
  75 <tr>
  76 <td>
  77 <tt>
  78 default font; font-size: 0.8em;
  79 </tt>
  80 </td>
  81 <td>
  82 <span style="font-family: Courier;">
  83 font-family: courier; font-size: 0.8em;
  84 </span>
  85 </td>
  86 </tr>
  87 </body>
  88
  89 </html>