wpt / css / css-fonts / ric-in-monospace.html

Status: PASS | Duration: 8ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

TestRefTest SourceRef Source

/css/css-fonts/ric-in-monospace.html

<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css-fonts-4/#font-size-prop">
<link rel="author" title="Tim Nguyen" href="https://github.com/nt1m">
<link rel="match" href="ric-in-monospace-ref.html">

<style>
  @font-face {
    font-family: IcTestFullWidth;
    src: url(../css-values/resources/IcTestFullWidth.woff2);
  }
  :root {
    font-family: IcTestFullWidth;
  }
</style>

<p style="font-family: sans-serif">The following two lines should look exactly the same.</p>

<div style="font-family: monospace; font-size: 1.5em">
  <div style="font-family: sans-serif; font-size: 1ric">
    Text.
  </div>
</div>

<div style="font-family: sans-serif; font-size: 1ric">
  Text.
</div>

/css/css-fonts/ric-in-monospace-ref.html

<!DOCTYPE html>

<style>
  @font-face {
    font-family: IcTestFullWidth;
    src: url(../css-values/resources/IcTestFullWidth.woff2);
  }
  :root {
    font-family: IcTestFullWidth;
  }
</style>

<p style="font-family: sans-serif">The following two lines should look exactly the same.</p>

<div style="font-size: 1ic">
  <div style="font-family: sans-serif;">
    Text.
  </div>

  <div style="font-family: sans-serif;">
    Text.
  </div>
</div>