wpt / css / css-fonts / font-colorization.html

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

TestRefTest SourceRef Source

/css/css-fonts/font-colorization.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Colorisation of non-color glyph should work in the presence of COLR or SVG table</title>
<link rel="help" href="https://drafts.csswg.org/css-color/#the-color-property">
<link rel="author" title="Dominik Röttsches" href="mailto:drott@chromium.org">
<link rel="match" href="font-colorization-ref.html">
<style>
@font-face {
    font-family: "svg_colr";
    src: url("resources/colorization_SVG_COLR.ttf") format("truetype");
}
</style>
</head>
<body>
<!-- A glyph from a font that contains SVG or COLR tables but for which there is
  no data in the color font tables, should be colored in the text
  foreground color. -->
<div style="font: 100px/1.2 'svg_colr', fantasy; color: green;">A</div>
</body>
</html>

/css/css-fonts/font-colorization-ref.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Colorisation of non-color glyph should work in the presence of COLR or SVG table</title>
<link rel="help" href="https://drafts.csswg.org/css-color/#the-color-property">
<link rel="author" title="Dominik Röttsches" href="mailto:drott@chromium.org">
<link rel="stylesheet" href="/fonts/ahem.css">
</head>
<body>
<div style="font: 100px/1.2 'Ahem', fantasy; color: green;">A</div>
</body>
</html>