<!DOCTYPE html >
<html >
<meta charset=utf-8 >
<title >COLRv1 font test: linear gradient with degenerate color line</title >
<style >
@font -face {
font -family: CAhem;
src: url("CAhem.ttf" );
}
div div { width: 50 px; height: 50 px; }
span { display: inline-block; height: 50 px; }
.blue { background: blue; }
.red { background: red; }
div :nth-child(1 ) .red { width: 0 px }
div :nth-child(1 ) .blue { width: 50 px }
div :nth-child(2 ) .red { width: 5 px }
div :nth-child(2 ) .blue { width: 45 px }
div :nth-child(3 ) .red { width: 10 px }
div :nth-child(3 ) .blue { width: 40 px }
div :nth-child(4 ) .red { width: 15 px }
div :nth-child(4 ) .blue { width: 35 px }
div :nth-child(5 ) .red { width: 20 px }
div :nth-child(5 ) .blue { width: 30 px }
div :nth-child(6 ) .red { width: 25 px }
div :nth-child(6 ) .blue { width: 25 px }
div :nth-child(7 ) .red { width: 30 px }
div :nth-child(7 ) .blue { width: 20 px }
div :nth-child(8 ) .red { width: 35 px }
div :nth-child(8 ) .blue { width: 15 px }
div :nth-child(9 ) .red { width: 40 px }
div :nth-child(9 ) .blue { width: 10 px }
</style >
<div >
<div ><span class=red></span ><span class=blue></span ></div >
<div ><span class=red></span ><span class=blue></span ></div >
<div ><span class=red></span ><span class=blue></span ></div >
<div ><span class=red></span ><span class=blue></span ></div >
<div ><span class=red></span ><span class=blue></span ></div >
<div ><span class=red></span ><span class=blue></span ></div >
<div ><span class=red></span ><span class=blue></span ></div >
<div ><span class=red></span ><span class=blue></span ></div >
<div ><span class=red></span ><span class=blue></span ></div >
</div >
Messung V0.5 in Prozent C=99 H=100 G=99
¤ Dauer der Verarbeitung: 0.10 Sekunden
(vorverarbeitet am 2026-06-04)
¤
*© Formatika GbR, Deutschland