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