third_party/WebKit/LayoutTests/fast/text/unicode-variation-selector.html

   1 <style>
   2 .ahem {
   3     font:20px/1 Ahem;
   4 }
   5 @font-face {
   6     font-family: ivsfont;
   7     src: url(resources/AhemIVS.ttf);
   8 }
   9 .ivs {
  10     font:20px/1 ivsfont;
  11 }
  12 </style>
  13 <p>
  14 This page ensures that WebKit can render unicode variation selector correctly.  On platforms which support UVSes, the glyph of U+0061 should be a 0.2em high, 1em wide rectangle. On platforms which don't support UVSes, it should be a square.  In addition, any glyphs (including the last resort glyph) should not appear after the glyph on all platforms.
  15 </p>
  16 <div>
  17 Without UVS:
  18 <span class="ivs">&#x0061;</span>
  19 should look like <span class="ahem">X</span>
  20 </div>
  21 <div>
  22 With UVS:
  23 <span class="ivs">&#x0061;&#xE0100;</span>
  24 should look like <span class="ahem">p</span>
  25 </div>
  26 <div>
  27 UVS not in the font should fallback to base:
  28 <span class="ivs">&#x0061;&#xE0101;</span> should look like <span class="ahem">X</span>
  29 </div>
  30 <script>
  31 if (window.testRunner) {
  32     testRunner.waitUntilDone();
  33     document.fonts.ready.then(function () {
  34         testRunner.notifyDone();
  35     });
  36 }
  37 </script>