LayoutTests/fast/text/variations/font-selection-font-weight-expected.html - WebKit - Git at Google

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