blob: cea9cea663715987a08d40a4a058ce9b2906ba88 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
<!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 3";
src: url(Ahem.ttf?report_font_cache-3);
}
p { margin-right: 1ex; } /* cause cached CSP check to happen OMT (due to
font metrics lookup) */
.x { font: 24px "CSP Report Test Font 1"; }
.y { font: 24px "CSP Report Test Font 3"; }
</style>
<p class="x">A</p>
<script>
// First flush should dispatch the "Test Font 1" report that is stored
// in the user font cache.
document.body.offsetWidth;
// Second flush should dispatch "Test Font 3" report.
document.querySelector("p").className = "y";
document.body.offsetWidth;
</script>
|
