| Quellcodebibliothek Statistik Leitseite products/Sources/formale Sprachen/C/Firefox/layout/reftests/font-face/ (Browser von der Mozilla Stiftung Version 136.0.1©) Datei vom 10.2.2025 mit Größe 1 kB |
|
Quelle colrv1-06.html Sprache: HTML |
|||||||||||||||||
<!DOCTYPE html> <html> <meta charset=utf-8> <title>COLRv1 font test: radial gradient variations</title> <style> @font-face { font-family: CAhem; src: url("CAhem.ttf"); } p { margin: 0; } span { font: 120px/1 CAhem; } .a { font-variation-settings: "GRX0" 500, "GRR0" 50, "GRX1" 900, "GRR1" 150, "COL1" 0, "COL2" .b { font-variation-settings: "GRX0" 700, "GRR0" 100, "GRX1" 900, "GRR1" 150, "COL1" -1.0, "C .c { font-variation-settings: "GRX0" 300, "GRR0" 0, "GRX1" 700, "GRR1" 100, "COL1" 0.5, "COL2 .d { font-variation-settings: "GRX0" 100, "GRR0" -50, "GRX1" 900, "GRR1" 150, "COL1" 0.5, "CO .e { font-variation-settings: "GRX0" 100, "GRR0" -50, "GRX1" 300, "GRR1" 0, "COL1" -2.0, "COL .f { font-variation-settings: "GRX0" 100, "GRR0" -50, "GRX1" 200, "GRR1" -25, "COL1" -2.0, "C .g { font-variation-settings: "GRX0" 100, "GRR0" -50, "GRX1" 300, "GRR1" 0, "COL1" -2.0, "COL </style> <p>All four lines should show the same set of gradients:</p> <div> <div><span class=a>@#$</div> <div><span class=b>@#$</div> <div><span class=c>@#$</div> <div><span class=d>@#$</div> </div> <p>Same again, but the leftmost gradient should be solid blue:</p> <div> <div><span class=e>@#$</div> </div> <p>And with the gradients shifted a half-cycle to the right:</p> <div> <div><span class=f>@#$</div> </div> <p>Left glyph is solid blue; no blue in the repeating gradients:</p> <div> <div><span class=g>@#$</div> </div>
¤ Dauer der Verarbeitung: 0.2 Sekunden ¤*© Formatika GbR, Deutschland |
|
||||||||||||||||
2026-04-04