| <html> |
| <head> |
| <style> |
| @font-face { |
| font-family: font1; |
| src: local(Courier), local('Courier New'); /* Use monospace font */ |
| unicode-range: U+0041; /* 'A' */ |
| } |
| |
| @font-face { |
| font-family: font2; |
| src: local(Arial); |
| unicode-range: U+006d; /* 'm' */ |
| } |
| |
| .test1 { |
| font-size: 100px; |
| font-family: font1, Arial; |
| background: blue; |
| } |
| |
| .test2 { |
| font-size: 100px; |
| font-family: font2, Courier, 'Courier New'; |
| background: green; |
| } |
| |
| .ref { |
| font-size: 100px; |
| font-family: Arial; |
| background:red; |
| } |
| </style> |
| <script src="../../resources/js-test.js"></script> |
| </head> |
| <body> |
| <span id="test1" class="test1">m</span><br/> |
| <span id="test2" class="test2">m</span><br/> |
| <span id="ref" class="ref">m</span> |
| <script> |
| description('@font-face should not affect width of characters outside of its unicode-range'); |
| shouldBe("document.getElementById('test1').offsetWidth", "document.getElementById('ref').offsetWidth"); |
| shouldBe("document.getElementById('test2').offsetWidth", "document.getElementById('ref').offsetWidth"); |
| </script> |
| </body> |
| </html> |