Google Git
Sign in
webkit / WebKit / 97ece459c9dc3f8b11d74ebf4450f893d6359c5e / . / LayoutTests / fast / css / font-face-font-family-descriptor.html
blob: 0e881825171660e8a5a4be5bd1bc7a32ecd22500 [file] [log] [blame]
<!doctype html>
<html>
<head>
<title>Test for Bug 26183 - [@font-face] font-family descriptor with multiple names should be discarded</title>
<style>
.testtext {
font-size: 64px;
font-family: Arial;
border: solid 1px;
}
@font-face {
font-family: myfont1, myfont2;
src: local(Courier);
}
</style>
<script src="../js/resources/js-test-pre.js"></script>
</head>
<body onload="test()">
<div id="description"></div>
Test:<br/>
<span id="testText" class="testtext" style="font-family: myfont1, Arial">Text iii</span><br/>
Must match:<br/>
<span id="mustMatch" class="testtext" style="font-family: Arial">Text iii</span><br/>
Must not match:<br/>
<span id="mustNotMatch" class="testtext" style="font-family: Courier">Text iii</span><br/>
<div id="console"></div>
<script>
if (window.layoutTestController)
window.layoutTestController.dumpAsText();
description("font-family descriptor in @font-face rule can take only one family. Hence the @font-face rule in this test must be ignored.");
function test()
{
shouldBeTrue("document.getElementById('testText').offsetWidth == document.getElementById('mustMatch').offsetWidth");
shouldBeTrue("document.getElementById('testText').offsetWidth != document.getElementById('mustNotMatch').offsetWidth");
}
</script>
<script src="../js/resources/js-test-post.js"></script>
</body>
</html>