blob: 066755cbe4b10385343a5010a863ef7def5f31f5 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<style>
@font-face {
font-family: "Test1";
src: url("../writing-mode/resources/MakibaFont13.ttf") format("truetype");
}
@font-face {
font-family: "Test1";
src: url("../../resources/Ahem.ttf") format("truetype");
font-variant: small-caps;
}
@font-face {
font-family: "Test2";
src: url("../writing-mode/resources/MakibaFont13.ttf") format("truetype");
font-variant: small-caps;
}
@font-face {
font-family: "Test2";
src: url("../../resources/Ahem.ttf") format("truetype");
}
@font-face {
font-family: "Test3";
src: url("../writing-mode/resources/MakibaFont13.ttf") format("truetype");
}
@font-face {
font-family: "Test3SmallCaps";
src: url("../writing-mode/resources/MakibaFont13.ttf") format("truetype");
font-variant: small-caps;
}
.test {
display: inline-block;
font-size: 40px;
}
</style>
</head>
<body>
<p>This test makes sure that font-variant is not consulted when performing font selection.</p>
<div class="test" style="font-family: Test1;">Hello</div>
<div class="test" style="font-family: Test1;">Hello</div>
<div class="test" style="font-family: Test1; font-variant: small-caps;">Hello</div>
<div class="test" style="font-family: Test1; font-variant: small-caps;">Hello</div>
<div class="test" style="font-family: Test2;">Hello</div>
<div class="test" style="font-family: Test2;">Hello</div>
<div class="test" style="font-family: Test2; font-variant: small-caps;">Hello</div>
<div class="test" style="font-family: Test2; font-variant: small-caps;">Hello</div>
<div class="test" style="font-family: Test3;">Hello</div>
<div class="test" style="font-family: Test3SmallCaps;">Hello</div>
<div class="test" style="font-family: Test3; font-variant: small-caps;">Hello</div>
<div class="test" style="font-family: Test3SmallCaps; font-variant: small-caps;">Hello</div>
<div class="test" style="font-family: Times;">Hello</div>
<div class="test" style="font-family: Times; font-variant: small-caps;">Hello</div>
</body>
</html>