<!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('Ahem');
}
</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');
}
</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');
}
</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');
}
</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');
}
</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');
}
</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');
}
</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');
}
</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');
}
</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');
}
</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');
}
</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');
}
</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');
}
</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');
}
</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');
}
</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');
}
</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');
}
</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');
}
</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');
}
</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');
}
</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');
}
</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');
}
</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('Ahem');
}
</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('Ahem');
}
</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('Ahem');
}
</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('Ahem');
}
</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('Ahem');
}
</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('Ahem');
}
</style>
</head>
<body style='margin: 0px;'>
<div class='test' style='font: 600 48px WebFont;'>A</div>
</body>
</html>"></iframe>

</div>
</body>
<html>
