74 lines
1.9 KiB
HTML
74 lines
1.9 KiB
HTML
<!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>
|