Google Git
Sign in
webkit / WebKit / 23e576feb4d75c9fc45f35cc19515c4cf11389a1 / . / LayoutTests / fast / css3-text / font-synthesis-expected.html
blob: 3357213f9fc8d779ee88be8c986e60bf55fba14f [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>ABCD</div>
<div>ABCD</div>
<div>ABCD</div>
<div>ABCD</div>
</div>
<div style="position: absolute; left: 150px; top: 0px;">
<div>ABCD</div>
<div style="font-weight: 700;">ABCD</div>
<div>ABCD</div>
<div style="font-weight: 700;">ABCD</div>
</div>
<div style="position: absolute; left: 300px; top: 0px;">
<div>ABCD</div>
<div>ABCD</div>
<div style="font-style: italic;">ABCD</div>
<div style="font-style: italic;">ABCD</div>
</div>
<div style="position: absolute; left: 450px; top: 0px;">
<div>ABCD</div>
<div style="font-weight: 700;">ABCD</div>
<div style="font-style: italic;">ABCD</div>
<div style="font-weight: 700; font-style: italic;">ABCD</div>
</div>
</div>
<div style="font: 20px CustomAhem; position: relative; top: 100px;">
<div style="position: absolute; left: 0px; top: 0px;">
<div>ABCD</div>
<div>ABCD</div>
<div>ABCD</div>
<div>ABCD</div>
</div>
<div style="position: absolute; left: 150px; top: 0px;">
<div>ABCD</div>
<div style="font-weight: 700;">ABCD</div>
<div>ABCD</div>
<div style="font-weight: 700;">ABCD</div>
</div>
<div style="position: absolute; left: 300px; top: 0px;">
<div>ABCD</div>
<div>ABCD</div>
<div style="font-style: italic;">ABCD</div>
<div style="font-style: italic;">ABCD</div>
</div>
<div style="position: absolute; left: 450px; top: 0px;">
<div>ABCD</div>
<div style="font-weight: 700;">ABCD</div>
<div style="font-style: italic;">ABCD</div>
<div style="font-weight: 700; font-style: italic;">ABCD</div>
</div>
</div>
<div style="font: 20px Ahem; position: relative; top: 200px;">
<div>
ABCD
</div>
</div>
</body>
</html>