font-display-ref.html (1398B)
1 <!DOCTYPE html> 2 <title>Test for font-display @font-face descriptor</title> 3 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 4 <style> 5 .ahem { 6 font-family: Ahem; 7 } 8 .arial { 9 font-family: Arial; 10 } 11 </style> 12 <p>Tests how text with a font that takes <i>delay</i> seconds to load look like after <i>T</i> seconds from load start.</p> 13 <table> 14 <tr> 15 <th>T[sec]</th> 16 <th>delay[sec]</th> 17 <th>block</th> 18 <th>swap</th> 19 <th>fallback</th> 20 <th>optional</th> 21 </tr> 22 <tr> 23 <td>0</td> 24 <td>1</td> 25 <td></td> 26 <td class="arial">a</td> 27 <td></td> 28 <td class="arial">a</td> 29 </tr> 30 <tr> 31 <td>1</td> 32 <td>0</td> 33 <td class="ahem">a</td> 34 <td class="ahem">a</td> 35 <td class="ahem">a</td> 36 <td class="ahem">a</td> 37 </tr> 38 <tr> 39 <td>1</td> 40 <td>0.5</td> 41 <td class="ahem">a</td> 42 <td class="ahem">a</td> 43 <td class="ahem">a</td> 44 <td class="arial">a</td> 45 </tr> 46 <tr> 47 <td>1</td> 48 <td>3</td> 49 <td></td> 50 <td class="arial">a</td> 51 <td class="arial">a</td> 52 <td class="arial">a</td> 53 </tr> 54 <tr> 55 <td>5</td> 56 <td>2</td> 57 <td class="ahem">a</td> 58 <td class="ahem">a</td> 59 <td class="ahem">a</td> 60 <td class="arial">a</td> 61 </tr> 62 <tr> 63 <td>5</td> 64 <td>4</td> 65 <td class="ahem">a</td> 66 <td class="ahem">a</td> 67 <td class="arial">a</td> 68 <td class="arial">a</td> 69 </tr> 70 <tr> 71 <td>5</td> 72 <td>8</td> 73 <td class="arial">a</td> 74 <td class="arial">a</td> 75 <td class="arial">a</td> 76 <td class="arial">a</td> 77 </tr> 78 </table>