third_party/WebKit/LayoutTests/fast/text/atsui-multiple-renderers.html

   1 <html><head><title></title>
   2 <style type="text/css">
   3 table { border-collapse: collapse; }
   4 td { border: 1px solid green; }
   5 .times { font-family: Times; }
   6 </style>
   7 </head>
   8 <body>
   9 <p>
  10 This is a test for <i>http://bugzilla.opendarwin.org/show_bug.cgi?id=6139
  11 ATSUI code path should implement small caps, synthetic bold and oblique and correct metrics for fallback fonts</i>.
  12 </p>
  13 <hr>
  14 <p>
  15 The two columns should be identical except for the
  16 accent over the e and the umlaut over the u.
  17 </p>
  18 <table style="font-family: Geneva; font-size: 20px;">
  19 <tr>
  20 <td>
  21 Lore&#x0300;m <span class="times">ipsu&#x0308;m</span>
  22 </td>
  23 <td>
  24 Lorem <span class="times">ipsum</span>
  25 </td>
  26 </tr>
  27 <tr style="font-weight: bold;">
  28 <td>
  29 Lore&#x0300;m <span class="times">ipsu&#x0308;m</span>
  30 </td>
  31 <td>
  32 Lorem <span class="times">ipsum</span>
  33 </td>
  34 </tr>
  35 <tr style="font-style: italic;">
  36 <td>
  37 Lore&#x0300;m <span class="times">ipsu&#x0308;m</span>
  38 </td>
  39 <td>
  40 Lorem <span class="times">ipsum</span>
  41 </td>
  42 </tr>
  43 <tr style="font-weight: bold; font-style: italic;">
  44 <td>
  45 Lore&#x0300;m <span class="times">ipsu&#x0308;m</span>
  46 </td>
  47 <td>
  48 Lorem <span class="times">ipsum</span>
  49 </td>
  50 </tr>
  51 <tr style="font-variant: small-caps;" class="times">
  52 <td>
  53 Lore&#x0300;m ipsu&#x0308;m
  54 </td>
  55 <td>
  56 Lorem ipsum
  57 </td>
  58 </tr>
  59 </table>
  60 <hr>
  61 <p>
  62 The following two lines should be identical.
  63 </p>
  64 <!-- Fallback from Times to Lucida Grande -->
  65 <p>
  66 <span style="font-family:Times; font-size: 18px; border: solid green 1px;">
  67 &#x0e01;&#x0e02;&#x0e03;&#x0e04;&#x0e05;&#x0e06;&#x0e07;&#x0e08;&#x0e01;&#x0e02;&#x0e03;&#x0e04;&#x0e05;&#x0e06;&#x0e07;&#x0e08;&#x0e01;&#x0e02;&#x0e03;&#x0e04;&#x0e05;&#x0e06;&#x0e07;&#x0e08;&#x0e01;&#x0e02;&#x0e03;&#x0e04;&#x0e05;&#x0e06;&#x0e07;&#x0e08;
  68 </span>
  69 </p>
  70 <!-- Lucida Grande, no fallback -->
  71 <p>
  72 <span style="font-family:'Lucida Grande'; font-size: 18px; border: solid green 1px;">
  73 &#x0e01;&#x0e02;&#x0e03;&#x0e04;&#x0e05;&#x0e06;&#x0e07;&#x0e08;&#x0e01;&#x0e02;&#x0e03;&#x0e04;&#x0e05;&#x0e06;&#x0e07;&#x0e08;&#x0e01;&#x0e02;&#x0e03;&#x0e04;&#x0e05;&#x0e06;&#x0e07;&#x0e08;&#x0e01;&#x0e02;&#x0e03;&#x0e04;&#x0e05;&#x0e06;&#x0e07;&#x0e08;
  74 </span>
  75 </p>
  76 </body>
  77 </html>