file_report_font_cache-1.html

Enable keyboard shortcuts

<!DOCTYPE html>

<style>

@font-face {

  font-family: "CSP Report Test Font 1";

  src: url(Ahem.ttf?report_font_cache-1);

@font-face {

  font-family: "CSP Report Test Font 2";

  src: url(Ahem.ttf?report_font_cache-2);

@font-face {

  font-family: "CSP Report Test Font 3";

  src: url(Ahem.ttf?report_font_cache-3);

.x { font: 24px "CSP Report Test Font 1"; }

.y { font: 24px "CSP Report Test Font 2"; }

.z { font: 24px "CSP Report Test Font 3"; }

</style>

<p class=x>A</p>

<p class=y>A</p>

<p class=z>A</p>

<script>

// Wait until the fonts would have been added to the user font cache.

document.body.offsetWidth;

document.fonts.ready.then(() => window.parent.postMessage("first-doc-ready", "*"));

</script>