blob: 0b8b487a3e49b983e6eb5ecbdd1642f8511e882c [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<style>
.namespace {
display: inline-block;
height: 48px;
width: 48px;
border: 0px;
}
#container {
line-height: 48px;
}
</style>
</head>
<body>
<p>This test makes sure that that font selection distance function is correctly honored when selecting for font-weight. The test passes if you only see black rectangles below.</p>
<div id="container">
<iframe class="namespace" srcdoc="<!DOCTYPE html>
<html>
<head>
<style>
.test {
font-synthesis: none;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 150;
}
@font-face {
font-family: 'WebFont';
src: local('Ahem');
font-weight: 250;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 301;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 450;
}
</style>
</head>
<body style='margin: 0px;'>
<div class='test' style='font: 300 48px WebFont;'>A</div>
</body>
</html>"></iframe>
<iframe class="namespace" srcdoc="<!DOCTYPE html>
<html>
<head>
<style>
.test {
font-synthesis: none;
}
@font-face {
font-family: 'WebFont';
src: local('Ahem');
font-weight: 150;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 301;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 450;
}
</style>
</head>
<body style='margin: 0px;'>
<div class='test' style='font: 300 48px WebFont;'>A</div>
</body>
</html>"></iframe>
<iframe class="namespace" srcdoc="<!DOCTYPE html>
<html>
<head>
<style>
.test {
font-synthesis: none;
}
@font-face {
font-family: 'WebFont';
src: local('Ahem');
font-weight: 301;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 450;
}
</style>
</head>
<body style='margin: 0px;'>
<div class='test' style='font: 300 48px WebFont;'>A</div>
</body>
</html>"></iframe>
<iframe class="namespace" srcdoc="<!DOCTYPE html>
<html>
<head>
<style>
.test {
font-synthesis: none;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 150;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 250;
}
@font-face {
font-family: 'WebFont';
src: local('Ahem');
font-weight: 425;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 475;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 500;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 600;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 700;
}
</style>
</head>
<body style='margin: 0px;'>
<div class='test' style='font: 400 48px WebFont;'>A</div>
</body>
</html>"></iframe>
<iframe class="namespace" srcdoc="<!DOCTYPE html>
<html>
<head>
<style>
.test {
font-synthesis: none;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 150;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 250;
}
@font-face {
font-family: 'WebFont';
src: local('Ahem');
font-weight: 475;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 500;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 600;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 700;
}
</style>
</head>
<body style='margin: 0px;'>
<div class='test' style='font: 400 48px WebFont;'>A</div>
</body>
</html>"></iframe>
<iframe class="namespace" srcdoc="<!DOCTYPE html>
<html>
<head>
<style>
.test {
font-synthesis: none;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 150;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 250;
}
@font-face {
font-family: 'WebFont';
src: local('Ahem');
font-weight: 500;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 600;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 700;
}
</style>
</head>
<body style='margin: 0px;'>
<div class='test' style='font: 400 48px WebFont;'>A</div>
</body>
</html>"></iframe>
<iframe class="namespace" srcdoc="<!DOCTYPE html>
<html>
<head>
<style>
.test {
font-synthesis: none;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 150;
}
@font-face {
font-family: 'WebFont';
src: local('Ahem');
font-weight: 250;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 600;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 700;
}
</style>
</head>
<body style='margin: 0px;'>
<div class='test' style='font: 400 48px WebFont;'>A</div>
</body>
</html>"></iframe>
<iframe class="namespace" srcdoc="<!DOCTYPE html>
<html>
<head>
<style>
.test {
font-synthesis: none;
}
@font-face {
font-family: 'WebFont';
src: local('Ahem');
font-weight: 150;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 600;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 700;
}
</style>
</head>
<body style='margin: 0px;'>
<div class='test' style='font: 400 48px WebFont;'>A</div>
</body>
</html>"></iframe>
<iframe class="namespace" srcdoc="<!DOCTYPE html>
<html>
<head>
<style>
.test {
font-synthesis: none;
}
@font-face {
font-family: 'WebFont';
src: local('Ahem');
font-weight: 600;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 700;
}
</style>
</head>
<body style='margin: 0px;'>
<div class='test' style='font: 400 48px WebFont;'>A</div>
</body>
</html>"></iframe>
<iframe class="namespace" srcdoc="<!DOCTYPE html>
<html>
<head>
<style>
.test {
font-synthesis: none;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 150;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 250;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 425;
}
@font-face {
font-family: 'WebFont';
src: local('Ahem');
font-weight: 475;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 500;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 600;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 700;
}
</style>
</head>
<body style='margin: 0px;'>
<div class='test' style='font: 450 48px WebFont;'>A</div>
</body>
</html>"></iframe>
<iframe class="namespace" srcdoc="<!DOCTYPE html>
<html>
<head>
<style>
.test {
font-synthesis: none;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 150;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 250;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 425;
}
@font-face {
font-family: 'WebFont';
src: local('Ahem');
font-weight: 500;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 600;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 700;
}
</style>
</head>
<body style='margin: 0px;'>
<div class='test' style='font: 450 48px WebFont;'>A</div>
</body>
</html>"></iframe>
<iframe class="namespace" srcdoc="<!DOCTYPE html>
<html>
<head>
<style>
.test {
font-synthesis: none;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 150;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 250;
}
@font-face {
font-family: 'WebFont';
src: local('Ahem');
font-weight: 425;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 600;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 700;
}
</style>
</head>
<body style='margin: 0px;'>
<div class='test' style='font: 450 48px WebFont;'>A</div>
</body>
</html>"></iframe>
<iframe class="namespace" srcdoc="<!DOCTYPE html>
<html>
<head>
<style>
.test {
font-synthesis: none;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 150;
}
@font-face {
font-family: 'WebFont';
src: local('Ahem');
font-weight: 250;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 600;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 700;
}
</style>
</head>
<body style='margin: 0px;'>
<div class='test' style='font: 450 48px WebFont;'>A</div>
</body>
</html>"></iframe>
<iframe class="namespace" srcdoc="<!DOCTYPE html>
<html>
<head>
<style>
.test {
font-synthesis: none;
}
@font-face {
font-family: 'WebFont';
src: local('Ahem');
font-weight: 150;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 600;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 700;
}
</style>
</head>
<body style='margin: 0px;'>
<div class='test' style='font: 450 48px WebFont;'>A</div>
</body>
</html>"></iframe>
<iframe class="namespace" srcdoc="<!DOCTYPE html>
<html>
<head>
<style>
.test {
font-synthesis: none;
}
@font-face {
font-family: 'WebFont';
src: local('Ahem');
font-weight: 600;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 700;
}
</style>
</head>
<body style='margin: 0px;'>
<div class='test' style='font: 450 48px WebFont;'>A</div>
</body>
</html>"></iframe>
<iframe class="namespace" srcdoc="<!DOCTYPE html>
<html>
<head>
<style>
.test {
font-synthesis: none;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 150;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 250;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 400;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 425;
}
@font-face {
font-family: 'WebFont';
src: local('Ahem');
font-weight: 475;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 600;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 700;
}
</style>
</head>
<body style='margin: 0px;'>
<div class='test' style='font: 500 48px WebFont;'>A</div>
</body>
</html>"></iframe>
<iframe class="namespace" srcdoc="<!DOCTYPE html>
<html>
<head>
<style>
.test {
font-synthesis: none;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 150;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 250;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 400;
}
@font-face {
font-family: 'WebFont';
src: local('Ahem');
font-weight: 425;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 600;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 700;
}
</style>
</head>
<body style='margin: 0px;'>
<div class='test' style='font: 500 48px WebFont;'>A</div>
</body>
</html>"></iframe>
<iframe class="namespace" srcdoc="<!DOCTYPE html>
<html>
<head>
<style>
.test {
font-synthesis: none;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 150;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 250;
}
@font-face {
font-family: 'WebFont';
src: local('Ahem');
font-weight: 400;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 600;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 700;
}
</style>
</head>
<body style='margin: 0px;'>
<div class='test' style='font: 500 48px WebFont;'>A</div>
</body>
</html>"></iframe>
<iframe class="namespace" srcdoc="<!DOCTYPE html>
<html>
<head>
<style>
.test {
font-synthesis: none;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 150;
}
@font-face {
font-family: 'WebFont';
src: local('Ahem');
font-weight: 250;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 600;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 700;
}
</style>
</head>
<body style='margin: 0px;'>
<div class='test' style='font: 500 48px WebFont;'>A</div>
</body>
</html>"></iframe>
<iframe class="namespace" srcdoc="<!DOCTYPE html>
<html>
<head>
<style>
.test {
font-synthesis: none;
}
@font-face {
font-family: 'WebFont';
src: local('Ahem');
font-weight: 150;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 600;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 700;
}
</style>
</head>
<body style='margin: 0px;'>
<div class='test' style='font: 500 48px WebFont;'>A</div>
</body>
</html>"></iframe>
<iframe class="namespace" srcdoc="<!DOCTYPE html>
<html>
<head>
<style>
.test {
font-synthesis: none;
}
@font-face {
font-family: 'WebFont';
src: local('Ahem');
font-weight: 600;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 700;
}
</style>
</head>
<body style='margin: 0px;'>
<div class='test' style='font: 500 48px WebFont;'>A</div>
</body>
</html>"></iframe>
<iframe class="namespace" srcdoc="<!DOCTYPE html>
<html>
<head>
<style>
.test {
font-synthesis: none;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 200;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 300;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 400;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 425;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 475;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 500;
}
@font-face {
font-family: 'WebFont';
src: local('Ahem');
font-weight: 700;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 800;
}
</style>
</head>
<body style='margin: 0px;'>
<div class='test' style='font: 600 48px WebFont;'>A</div>
</body>
</html>"></iframe>
<iframe class="namespace" srcdoc="<!DOCTYPE html>
<html>
<head>
<style>
.test {
font-synthesis: none;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 200;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 300;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 400;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 425;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 475;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 500;
}
@font-face {
font-family: 'WebFont';
src: local('Ahem');
font-weight: 800;
}
</style>
</head>
<body style='margin: 0px;'>
<div class='test' style='font: 600 48px WebFont;'>A</div>
</body>
</html>"></iframe>
<iframe class="namespace" srcdoc="<!DOCTYPE html>
<html>
<head>
<style>
.test {
font-synthesis: none;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 200;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 300;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 400;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 425;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 475;
}
@font-face {
font-family: 'WebFont';
src: local('Ahem');
font-weight: 500;
}
</style>
</head>
<body style='margin: 0px;'>
<div class='test' style='font: 600 48px WebFont;'>A</div>
</body>
</html>"></iframe>
<iframe class="namespace" srcdoc="<!DOCTYPE html>
<html>
<head>
<style>
.test {
font-synthesis: none;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 200;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 300;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 400;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 425;
}
@font-face {
font-family: 'WebFont';
src: local('Ahem');
font-weight: 475;
}
</style>
</head>
<body style='margin: 0px;'>
<div class='test' style='font: 600 48px WebFont;'>A</div>
</body>
</html>"></iframe>
<iframe class="namespace" srcdoc="<!DOCTYPE html>
<html>
<head>
<style>
.test {
font-synthesis: none;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 200;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 300;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 400;
}
@font-face {
font-family: 'WebFont';
src: local('Ahem');
font-weight: 425;
}
</style>
</head>
<body style='margin: 0px;'>
<div class='test' style='font: 600 48px WebFont;'>A</div>
</body>
</html>"></iframe>
<iframe class="namespace" srcdoc="<!DOCTYPE html>
<html>
<head>
<style>
.test {
font-synthesis: none;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 200;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 300;
}
@font-face {
font-family: 'WebFont';
src: local('Ahem');
font-weight: 400;
}
</style>
</head>
<body style='margin: 0px;'>
<div class='test' style='font: 600 48px WebFont;'>A</div>
</body>
</html>"></iframe>
<iframe class="namespace" srcdoc="<!DOCTYPE html>
<html>
<head>
<style>
.test {
font-synthesis: none;
}
@font-face {
font-family: 'WebFont';
src: local('Helvetica');
font-weight: 200;
}
@font-face {
font-family: 'WebFont';
src: local('Ahem');
font-weight: 300;
}
</style>
</head>
<body style='margin: 0px;'>
<div class='test' style='font: 600 48px WebFont;'>A</div>
</body>
</html>"></iframe>
</div>
</body>
<html>