font-palette-23b.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-fonts/font-palette-23b.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Tests for font-palette and @font-palette-values: calc() in expressions</title>

<link rel="help" href="https://drafts.csswg.org/css-fonts/#font-palette-prop">

<link rel="help" href="https://drafts.csswg.org/css-fonts-4/#font-palette-values">

<link rel="author" title="Steinar H. Gunderson" href="mailto:sesse@chromium.org">

<link rel="match" href="font-palette-23-ref.html">

<style>

@font-face {

    font-family: "COLR-test-font";

    src: url("resources/COLR-palettes-test-font.ttf") format("truetype");

@font-palette-values --MyPalette {

    font-family: "COLR-test-font";

    override-colors: calc(99999) #FF0000, calc(2 + sign(100em - 1px)) #FF00FF;

</style>

</head>

<body>

<div id="target" style="font: 48px 'COLR-test-font'; font-palette: --MyPalette;">A</div>

</body>

</html>