marker-font-variant-numeric-default-ref.html (1391B)
1 <!DOCTYPE html> 2 <meta charset="utf-8" /> 3 <title>CSS Reftest Reference</title> 4 <link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com" /> 5 <link rel="mismatch" href="marker-font-variant-numeric-normal-ref.html"> 6 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 7 <style> 8 @font-face { 9 /* This font looks different with 'font-variant-numeric: tabular-nums' */ 10 font-family: 'Exo 2'; 11 src: local('Exo 2'), 12 url('/css/css-fonts/support/fonts/Exo2-SemiBold.otf') format("opentype"); 13 } 14 ol { 15 float: left; 16 width: 50px; 17 line-height: 25px; 18 list-style-position: inside; 19 font-family: "Exo 2"; 20 } 21 li:first-child::after { 22 content: 'X X X X X X X X X'; 23 display: inline-block; 24 font: 25px/1 Ahem; 25 vertical-align: top; 26 height: 0; 27 width: 25px; 28 } 29 </style> 30 <ol> 31 <li></li> 32 <li></li> 33 <li></li> 34 <li></li> 35 <li></li> 36 <li></li> 37 <li></li> 38 <li></li> 39 <li></li> 40 </ol> 41 <ol> 42 <li></li> 43 <li></li> 44 <li></li> 45 <li></li> 46 <li></li> 47 <li></li> 48 <li></li> 49 <li></li> 50 <li></li> 51 </ol> 52 <ol> 53 <li></li> 54 <li></li> 55 <li></li> 56 <li></li> 57 <li></li> 58 <li></li> 59 <li></li> 60 <li></li> 61 <li></li> 62 </ol> 63 <ol> 64 <li></li> 65 <li></li> 66 <li></li> 67 <li></li> 68 <li></li> 69 <li></li> 70 <li></li> 71 <li></li> 72 <li></li> 73 </ol> 74 <ol> 75 <li></li> 76 <li></li> 77 <li></li> 78 <li></li> 79 <li></li> 80 <li></li> 81 <li></li> 82 <li></li> 83 <li></li> 84 </ol>