<!DOCTYPE html>
<html>
<head>
<style>
body {
font-size : 16px;
font-family : "Times New Roman";
zoom: 2;
}
rect {
fill : green;
stroke: green;
}
text {
fill : red;
}
.geometricPrecision {
fill : red;
text-rendering: geometricPrecision;
}
</style>
</head>
<body>
crbug.com/245996: Text should zoom like geometry.<br/>
This test passes if there is no red.<br/>
<svg version="1.1" width="32px" height="32px">
<text x="10" y="22">F</text>
<rect x="10" y="10" width="12" height="12"/>
</svg>
<svg version="1.1" width="2em" height="2em">
<text x="10" y="22">A</text>
<rect x="10" y="10" width="12" height="12"/>
</svg>
<svg version="1.1" width="2em" height="2em" viewbox="0 0 32 32">
<text x="10" y="22">I</text>
<rect x="10" y="10" width="12" height="12"/>
</svg>
<svg version="1.1" width="32px" height="32px">
<text class="geometricPrecision" x="10" y="22">L</text>
<rect x="10" y="10" width="12" height="12"/>
</svg>
<svg version="1.1" width="2em" height="2em">
<text class="geometricPrecision" x="10" y="22">F</text>
<rect x="10" y="10" width="12" height="12"/>
</svg>
<svg version="1.1" width="2em" height="2em" viewbox="0 0 32 32">
<text class="geometricPrecision" x="10" y="22">F</text>
<rect x="10" y="10" width="12" height="12"/>
</svg>
</body>
</html>