blob: c08d2b4a45e931a2faecae358fd4d3b0cd6ad199 [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('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>