blob: 42b5a90692c9989a068a29e8561719583b42b9fd [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<style>
@font-face {
font-family: "CustomAhem";
font-weight: 400;
font-style: normal;
src: url("../../resources/Ahem.ttf") format("truetype");
}
</style>
</head>
<body>
This test makes sure that the font-synthesis property disallows synthesis when it is specified.
<div style="font: 20px CustomAhem; position: relative;">
<div style="position: absolute; left: 0px; top: 0px;">
<div style="font-synthesis: none;">ABCD</div>
<div style="font-synthesis: weight;">ABCD</div>
<div style="font-synthesis: style;">ABCD</div>
<div style="font-synthesis: weight style;">ABCD</div>
</div>
<div style="font-weight: 700; position: absolute; left: 150px; top: 0px;">
<div style="font-synthesis: none;">ABCD</div>
<div style="font-synthesis: weight;">ABCD</div>
<div style="font-synthesis: style;">ABCD</div>
<div style="font-synthesis: weight style;">ABCD</div>
</div>
<div style="font-style: italic; position: absolute; left: 300px; top: 0px;">
<div style="font-synthesis: none;">ABCD</div>
<div style="font-synthesis: weight;">ABCD</div>
<div style="font-synthesis: style;">ABCD</div>
<div style="font-synthesis: weight style;">ABCD</div>
</div>
<div style="font-weight: 700; font-style: italic; position: absolute; left: 450px; top: 0px;">
<div style="font-synthesis: none;">ABCD</div>
<div style="font-synthesis: weight;">ABCD</div>
<div style="font-synthesis: style;">ABCD</div>
<div style="font-synthesis: weight style;">ABCD</div>
</div>
</div>
<div style="font: 20px Ahem; position: relative; top: 100px;">
<div style="position: absolute; left: 0px; top: 0px;">
<div style="font-synthesis: none;">ABCD</div>
<div style="font-synthesis: weight;">ABCD</div>
<div style="font-synthesis: style;">ABCD</div>
<div style="font-synthesis: weight style;">ABCD</div>
</div>
<div style="font-weight: 700; position: absolute; left: 150px; top: 0px;">
<div style="font-synthesis: none;">ABCD</div>
<div style="font-synthesis: weight;">ABCD</div>
<div style="font-synthesis: style;">ABCD</div>
<div style="font-synthesis: weight style;">ABCD</div>
</div>
<div style="font-style: italic; position: absolute; left: 300px; top: 0px;">
<div style="font-synthesis: none;">ABCD</div>
<div style="font-synthesis: weight;">ABCD</div>
<div style="font-synthesis: style;">ABCD</div>
<div style="font-synthesis: weight style;">ABCD</div>
</div>
<div style="font-weight: 700; font-style: italic; position: absolute; left: 450px; top: 0px;">
<div style="font-synthesis: none;">ABCD</div>
<div style="font-synthesis: weight;">ABCD</div>
<div style="font-synthesis: style;">ABCD</div>
<div style="font-synthesis: weight style;">ABCD</div>
</div>
</div>
<div style="font: 20px Ahem; position: relative; top: 200px; font-synthesis: none;">
<div style="font-style: italic;">
ABCD
</div>
</div>
</body>
</html>