| <html> |
| <head> |
| <style> |
| @font-face { |
| font-family: webkit-ahem; |
| font-style: normal; |
| src: url(../../../resources/Ahem.ttf) format(truetype); |
| } |
| </style> |
| </head> |
| |
| <body> |
| <script> |
| if (window.testRunner) { |
| testRunner.waitUntilDone(); |
| document.onreadystatechange = function() { |
| if (document.readyState === 'complete') |
| setTimeout(function() {testRunner.notifyDone();}, 100); |
| }; |
| } |
| </script> |
| |
| <!-- This test verifies that the CTM does not cause text that has a synthetic |
| oblique to render in the wrong part of the page. You should be able to see |
| three separate block characters with the middle rendered in italic. --> |
| |
| <div style="position: absolute; top: 200px; font-family: webkit-ahem; font-size: 30pt;"> |
| A <cite>B</cite> C |
| </div> |
| </body> |
| </html> |
