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

   1 <html>
   2 <head>
   3 <style>
   4 @font-face {
   5   font-family: font1;
   6   src: local(Courier), local('Courier New'); /* Use monospace font */
   7   unicode-range: U+0041; /* 'A' */
   8 }
   9
  10 @font-face {
  11   font-family: font2;
  12   src: local(Arial);
  13   unicode-range: U+006d; /* 'm' */
  14 }
  15
  16 .test1 {
  17   font-size: 100px;
  18   font-family: font1, Arial;
  19   background: blue;
  20 }
  21
  22 .test2 {
  23   font-size: 100px;
  24   font-family: font2, Courier, 'Courier New';
  25   background: green;
  26 }
  27
  28 .ref {
  29   font-size: 100px;
  30   font-family: Arial;
  31   background:red;
  32 }
  33 </style>
  34 <script src="../../resources/js-test.js"></script>
  35 </head>
  36 <body>
  37 <span id="test1" class="test1">m</span><br/>
  38 <span id="test2" class="test2">m</span><br/>
  39 <span id="ref" class="ref">m</span>
  40 <script>
  41 description('@font-face should not affect width of characters outside of its unicode-range');
  42 shouldBe("document.getElementById('test1').offsetWidth", "document.getElementById('ref').offsetWidth");
  43 shouldBe("document.getElementById('test2').offsetWidth", "document.getElementById('ref').offsetWidth");
  44 </script>
  45 </body>
  46 </html>