font-variant-alternates-layers-ref.html (801B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 4 <title>CSS Test: font-variant-alternates: multiple @font-feature-values rules</title> 5 <link rel="author" title="Dominik Röttsches" href="drott@chromium.org"> 6 <style> 7 @font-face { 8 font-family: fwf; 9 src: url(support/fonts/FontWithFancyFeatures.otf); 10 } 11 .test { 12 font-family: fwf; 13 font-size: 2em; 14 line-height: 1.1; 15 } 16 </style> 17 <body> 18 19 <p>Test passes if the three lines below are identical, with 4 crosses (✗), then 20 one check mark (✓), then one cross (✗), then one check mark (✓), then 13 crosses 21 (✗).</p> 22 <section class="test"> 23 <p class="ref">BBBBABABBBBBBBBBBBBB</p> 24 <p class="ref">BBBBABABBBBBBBBBBBBB</p> 25 <p class="ref">BBBBABABBBBBBBBBBBBB</p> 26 </section>