<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="resources/text-scaling.css">
<script src="resources/text-scaling.js"></script>
<script src="../../../resources/js-test.js"></script>
<style>
section > div {
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
}
section > div > div.header {
border-width: 0 0 0 1px;
}
section > div > div > div {
width: auto;
height: 12ex;
padding: 0 0 1ex 0;
}
</style>
</head>
<body>
<section>
<h1>Font Size Scaling (vertical-rl, Latin)</h1>
<p>
Size of the text should scale smoothly.
Reported height (logical width) should be within 0.02px
of that of the highlighted reference row.
</p>
<div id="test"></div>
</section>
<script>
if (window.testRunner && testRunner.setTextSubpixelPositioning)
testRunner.setTextSubpixelPositioning(true);
var PANGRAM = 'Flygande bäckasiner söka hwila på mjuka tuvor.';
var results = runTest(document.getElementById('test'), PANGRAM, 'vertical');
if (results == PASS) {
testPassed('Size of text scales smoothly and logical width scales with font size as expected.');
// Hide text if test passes as the actual numbers are
// different across platforms and would require platform
// specific baselines.
if (window.testRunner)
document.getElementById('test').style.display = 'none';
} else {
testFailed('Size of text does not scale smoothly, reported logical widths highlighted in red do not match reference row.');
}
</script>
</body>
</html>
Codebase Browser
chromium