Blitz - WPT: font-synthesis-07.html

wpt / css / css-fonts / font-synthesis-07.html

<!doctype html>
<meta charset=utf-8>
<title>CSS Test: 'font-synthesis:none' with a font that doesn't support small-caps</title>
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-fonts/#font-synthesis">
<link rel="match" href="font-synthesis-07-ref.html">
<meta name="assert" content="font-synthesis:none inhibits synthesising small-caps">
<style>
  @font-face {
    font-family: Lato;
    src: url(/fonts/Lato-Medium.ttf);
  }
  .test {
     font: 2em/1 Lato;
     font-variant: small-caps;
     font-synthesis: none;
  }
</style>

<p>Test passes if "A" is upper-case and "bcd e" is lower-case.</p>
<p class="test">Abcd e</p>

/css/css-fonts/font-synthesis-07-ref.html

<!doctype html>
<meta charset=utf-8>
<title>Reference: 'font-synthesis:none' with a font that doesn't support small-caps</title>
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
<style>
  @font-face {
    font-family: Lato;
    src: url(/fonts/Lato-Medium.ttf);
  }
  .test {
     font: 2em/1 Lato;
  }
</style>

<p>Test passes if "A" is upper-case and "bcd e" is lower-case.</p>
<p class="test">Abcd e</p>