font-default-04.html (1590B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 4 <title>CSS Test: font default features</title> 5 <link rel="author" title="Chris Lilley" href="chris@w3.org"> 6 <link rel="help" href="https://www.w3.org/TR/css-fonts-3/#default-features"> 7 <link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-feature-settings-prop"> 8 <link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#block-flow"> 9 <link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#text-orientation"> 10 <link rel="match" href="font-default-04-a-ref.html"> 11 <link rel="match" href="font-default-04-b-ref.html"> 12 <link rel="match" href="font-default-04-c-ref.html"> 13 <meta name="assert" content="For upright text within vertical text runs, vertical alternates (OpenType feature: vert) must be enabled"> 14 <style> 15 @font-face { 16 font-family: fwf; 17 src: url(support/fonts/FontWithFancyFeatures.otf); 18 } 19 .tests { 20 font-family: fwf; 21 font-size: 4em; 22 line-height: 1.1; 23 writing-mode: vertical-rl; 24 text-orientation: upright; 25 color: green; 26 } 27 .default { 28 color: purple; 29 } 30 .test1 { 31 font-feature-settings: "vert" on; 32 } 33 .test2 { 34 font-feature-settings: "vert" 2; 35 } 36 </style> 37 38 <body> 39 <p>Test passes if the first <em>vertical</em> line (in purple) has <em>at least one</em> check mark 40 and the next two lines (in green) are identical, with two check marks (✓).</p> 41 <section class="tests"> 42 <p class="default">Å人</p> 43 <p><span class="test1">Å</span><span class="test2">人</span></p> 44 <p class="ref">AA</p> 45 </section>