third_party/WebKit/LayoutTests/fast/css/font-face-unicode-range.html

   1 <head>
   2     <style>
   3         div { border: 1px solid; padding: 0 8px; margin: 8px 0; }
   4         span.ahem { font-family: 'Ahem'; }
   5         span.courier { font-family: 'Courier', 'Courier New'; }
   6
   7         @font-face {
   8             font-family: 'test1';
   9             src: local('Times');
  10         }
  11         @font-face {
  12             font-family: 'test1';
  13             src: url('../../resources/Ahem.ttf');
  14             unicode-range: U+0041;
  15         }
  16
  17         @font-face {
  18             font-family: 'test2';
  19             src: local('Times');
  20         }
  21         @font-face {
  22             font-family: 'test2';
  23             src: url('../../resources/Ahem.ttf');
  24             unicode-range: U+004?;
  25         }
  26
  27         @font-face {
  28             font-family: 'test3';
  29             src: local('Times');
  30         }
  31         @font-face {
  32             font-family: 'test3';
  33             src: url('../../resources/Ahem.ttf');
  34             unicode-range: U+0042-0044;
  35         }
  36
  37         @font-face {
  38             font-family: 'test4';
  39             src: local('Times');
  40         }
  41         @font-face {
  42             font-family: 'test4';
  43             src: url('../../resources/Ahem.ttf');
  44             unicode-range: U+0050-0058;
  45         }
  46         @font-face {
  47             font-family: 'test4';
  48             src: local('Courier'), local('Courier New');
  49             unicode-range: U+004F-0051;
  50         }
  51
  52         @font-face {
  53             font-family: 'test5';
  54             src: local('Times'), local('Times New Roman');
  55         }
  56         @font-face {
  57             font-family: 'test5';
  58             src: url('../../resources/Ahem.ttf');
  59             unicode-range: U+0050-0058;
  60         }
  61         @font-face {
  62             font-family: 'test5';
  63             src: local('Courier'), local('Courier New');
  64             unicode-range: U+0052-0055;
  65         }
  66
  67         @font-face {
  68             font-family: 'test6';
  69             src: local('Courier'), local('Courier New');
  70         }
  71         @font-face {
  72             font-family: 'test6';
  73             src: url('../../resources/Ahem.ttf');
  74             unicode-range: U+0027;  /* missing glyph */
  75         }
  76
  77         p {
  78             height: 30px;
  79         }
  80     </style>
  81 </head>
  82 <body onload="finished()">
  83     <p>
  84         Each box should contain two identical lines
  85     </p>
  86
  87     <div>
  88         <p style="font-family: 'test1';">
  89             ABCDEFGHIJKLMNOPQRSTUVWXYZ
  90         </p>
  91         <p>
  92             <span class="ahem">A</span>BCDEFGHIJKLMNOPQRSTUVWXYZ
  93         </p>
  94     </div>
  95
  96     <div>
  97         <p style="font-family: 'test2';">
  98             ABCDEFGHIJKLMNOPQRSTUVWXYZ
  99         </p>
 100         <p>
 101             <span class="ahem">ABCDEFGHIJKLMNO</span>PQRSTUVWXYZ
 102         </p>
 103     </div>
 104
 105     <div>
 106         <p style="font-family: 'test3';">
 107             ABCDEFGHIJKLMNOPQRSTUVWXYZ
 108         </p>
 109         <p>
 110             A<span class="ahem">BCD</span>EFGHIJKLMNOPQRSTUVWXYZ
 111         </p>
 112     </div>
 113
 114     <div>
 115         <p style="font-family: 'test4';">
 116             ABCDEFGHIJKLMNOPQRSTUVWXYZ
 117         </p>
 118         <p>
 119             ABCDEFGHIJKLMN<span class="courier">OPQ</span><span class="ahem">RSTUVWX</span>YZ
 120         </p>
 121     </div>
 122
 123     <div>
 124         <p style="font-family: 'test5';">
 125             ABCDEFGHIJKLMNOPQRSTUVWXYZ
 126         </p>
 127         <p>
 128             ABCDEFGHIJKLMNO<span class="ahem">PQ<span class="courier">RSTU</span>VWX</span>YZ
 129         </p>
 130     </div>
 131
 132     <div>
 133         <p style="font-family: 'test6';">
 134             '''
 135         </p>
 136         <p>
 137             <span class="courier">'''</span>
 138         </p>
 139     </div>
 140     <script>
 141         function finished()
 142         {
 143             if (window.testRunner)
 144                 testRunner.notifyDone();
 145         }
 146
 147         document.body.offsetTop;
 148
 149         if (window.testRunner)
 150             testRunner.waitUntilDone();
 151     </script>
 152 </body>