<!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>
