4 <title>font-display test
</title>
10 font-family: test1-auto;
11 src: url(../fonts/markA.woff);
16 font-family: test1-block;
17 src: url(../fonts/markA.woff);
22 font-family: test1-swap;
23 src: url(../fonts/markA.woff);
28 font-family: test1-fallback;
29 src: url(../fonts/markA.woff);
30 font-display: fallback;
34 font-family: test1-optional;
35 src: url(../fonts/markfonts-delay.sjs?font=markA&delay=
2000&test=font-display-
1-optional);
36 font-display: optional;
46 display: inline-block;
51 .auto { font-family: test1-auto; }
52 .block { font-family: test1-block; }
53 .swap { font-family: test1-swap; }
54 .fallback { font-family: test1-fallback; }
55 .optional { font-family: test1-optional; }
63 <p class=
"block">A
</p>
67 <p class=
"fallback">A
</p>
68 <p class=
"optional">A
</p>