tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

font-synthesis-small-caps-not-applied.html (1013B)

      1 <!DOCTYPE html>
      2 <html lang="en">
      3 <meta charset="utf-8"/>
      4 <title>CSS Test: font-synthesis-small-caps with font that supports small-caps</title>
      5 <link rel="match" href="font-synthesis-small-caps-not-applied-ref.html">
      6 <link rel="help" href="https://www.w3.org/TR/css-fonts-4/#font-synthesis-small-caps">
      7 <meta name="assert" content="If font supports small-caps ‘font-synthesis-small-caps’ should not have any effect">
      8 <!--Exo-DemiBold has small caps in the font-->
      9 <style>
     10    @font-face {
     11        font-family: "exo";
     12        src: url(support/fonts/Exo-DemiBold.otf);
     13    }
     14    @supports not (font-synthesis-small-caps: none) {
     15        .test {color: red;}
     16    }
     17    .test {
     18        font-family: "exo";
     19        font-size: 3em;
     20        font-variant: small-caps;
     21    }
     22    .nosynth {
     23        font-synthesis-small-caps: none;
     24    }
     25 </style>
     26 
     27 <p>Test passes if the two lines below are identical and there is no red.</p>
     28 <section class="test">
     29    <p>Filler text</p>
     30    <p class="nosynth">Filler text</p>
     31 </section>