font-variant-alternates-03-ref.html (841B)
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: stylistic(); low level equivalence</title> 5 <link rel="author" title="Chris Lilley" href="chris@w3.org"> 6 <style> 7 @font-face { 8 font-family: fwf; 9 src: url(support/fonts/FontWithFancyFeatures.otf); 10 } 11 @font-feature-values fwf { 12 @stylistic { 13 foo: 1; 14 bar: 2; 15 baz: 3; 16 } 17 } 18 .test { 19 font-family: fwf; 20 font-size: 2em; 21 line-height: 1.1; 22 } 23 </style> 24 <body> 25 26 <p>Test passes if the three lines below are identical, with one cross (✗), one check mark (✓) followed by eighteen crosses (✗). </p> 27 <section class="test"> 28 <p class="ref">BABBBBBBBBBBBBBBBBBB</p> 29 <p class="ref">BABBBBBBBBBBBBBBBBBB</p> 30 <p class="ref">BABBBBBBBBBBBBBBBBBB</p> 31 </section>