font-weight-metrics-ref.html | Explore in Territory

<!DOCTYPE html>
<html>
<title>CSS Fonts - reference</title>
<link rel="author" title="Jonathan Kew" href="[email protected]">
<meta charset="utf-8">

<style>
@font-face {
  font-family: test;
  font-weight: 900;
  src: url(resources/Inter.var.subset.ttf);
}
div {
  font: 32px test;
  position: absolute;
  margin: 1em;
}
.heavy {
  background: green;
  color: green;
  font-weight: 900;
}
</style>

Test passes if there is a green rectangle and <strong>no red</strong>:

<div class=heavy>
aaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>

chromium/third_party/blink/web_tests/external/wpt/css/css-fonts/variations/font-weight-metrics-ref.html