font-palette-non-ident-font-family-ref.html (552B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Tests that a non-ident font family name is handled correctly</title> 6 <link rel="help" href="https://drafts.csswg.org/css-fonts/#font-family-2-desc"> 7 <style> 8 @font-face { 9 font-family: "COLR-test-font"; 10 src: url("resources/COLR-palettes-test-font.ttf") format("truetype"); 11 } 12 13 @font-palette-values --MyPalette { 14 font-family: "COLR-test-font"; 15 base-palette: 1; 16 } 17 </style> 18 </head> 19 <body> 20 <div style="font: 48px 'COLR-test-font'; font-palette: --MyPalette;">A</div> 21 </body> 22 </html>