third_party/WebKit/LayoutTests/fast/text/font-fallback-synthetic-italics.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <meta charset="utf-8">
   5         <script src="../../resources/js-test.js"></script>
   6         <style>
   7             #test, #reference {
   8                 font-style: italic;
   9                 font-size: 32px;
  10             }
  11             #test {
  12                 font-family: arial, serif;
  13             }
  14             #reference {
  15                 font-family: serif;
  16             }
  17         </style>
  18     </head>
  19     <body>
  20         <p>
  21             The following lines should <b>not</b> be rendered with the same
  22             font.
  23         </p>
  24         <span id="test">اختبار النص مائل</span><br>
  25         <span id="reference">اختبار النص مائل</span><br>
  26         <script>
  27             var testRect = document.getElementById('test').
  28                 getBoundingClientRect();
  29             var referenceRect = document.getElementById('reference').
  30                 getBoundingClientRect();
  31             var matches = testRect.left == referenceRect.left &&
  32                 testRect.right == referenceRect.right &&
  33                 testRect.height == referenceRect.height;
  34
  35             if (matches)
  36                 testFailed('The two lines should not match.');
  37             else
  38                 testPassed('The two lines does not match, as expected.');
  39         </script>
  40     </body>
  41 </html>