file_report_font_cache-1.html (710B)
1 <!DOCTYPE html> 2 <style> 3 @font-face { 4 font-family: "CSP Report Test Font 1"; 5 src: url(Ahem.ttf?report_font_cache-1); 6 } 7 @font-face { 8 font-family: "CSP Report Test Font 2"; 9 src: url(Ahem.ttf?report_font_cache-2); 10 } 11 @font-face { 12 font-family: "CSP Report Test Font 3"; 13 src: url(Ahem.ttf?report_font_cache-3); 14 } 15 .x { font: 24px "CSP Report Test Font 1"; } 16 .y { font: 24px "CSP Report Test Font 2"; } 17 .z { font: 24px "CSP Report Test Font 3"; } 18 </style> 19 <p class=x>A</p> 20 <p class=y>A</p> 21 <p class=z>A</p> 22 <script> 23 // Wait until the fonts would have been added to the user font cache. 24 document.body.offsetWidth; 25 document.fonts.ready.then(() => window.parent.postMessage("first-doc-ready", "*")); 26 </script>