test_stylesheet_clone_font_face.html (862B)
1 <!DOCTYPE html> 2 <html lang="en-US"> 3 <link rel="stylesheet" href="data:text/css,@font-face { font-family: 'MarkA'; src: url(../fonts/markA.ttf); }"> 4 <link rel="stylesheet" href="data:text/css,@font-face { font-family: 'MarkA'; src: url(../fonts/markA.ttf); }"> 5 6 <script src="/tests/SimpleTest/SimpleTest.js"></script> 7 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/> 8 <style> 9 body { font-family: "MarkA"; } 10 </style> 11 <div>ABC</div> 12 <script> 13 function runTest() { 14 var links = document.getElementsByTagName("link"); 15 links[0].sheet.cssRules[0].style.src = "../fonts/markB.ttf"; 16 17 // Test that the cloned sheet is unaffected. 18 isnot(links[1].sheet.cssRules[0].style.src, "../fonts/markB.ttf", "Cloned sheet left unchanged."); 19 20 SimpleTest.finish(); 21 } 22 23 SimpleTest.waitForExplicitFinish(); 24 runTest(); 25 </script> 26 </html>