| <!DOCTYPE html> |
| <html> |
| <head id="head"> |
| <script> |
| if (window.internals) { |
| internals.invalidateFontCache(); |
| internals.clearMemoryCache(); |
| } |
| </script> |
| <style id="style"> |
| @font-face { |
| font-family: "WebFont"; |
| src: url("../../resources/Ahem.ttf") format("truetype"); |
| } |
| </style> |
| <script src="../../resources/js-test.js"></script> |
| </head> |
| <body> |
| <script> |
| description("This function makes sure document.fonts.check() is affected by style changes."); |
| let fonts = document.fonts; |
| shouldBeTrue("fonts.check('12px ThisIsNotARealFont')"); |
| shouldBeFalse("fonts.check('12px WebFont')"); |
| fonts.values().next().value.load(); |
| shouldBeFalse("fonts.check('12px WebFont')"); |
| document.getElementById("head").removeChild(document.getElementById("style")); |
| // https://drafts.csswg.org/css-font-loading-3/#font-face-set-check |
| // "if none of the specified fonts exist (for example, names are mis-spelled), the method also returns true" |
| shouldBeTrue("fonts.check('12px WebFont')"); |
| </script> |
| </body> |
| </html> |
