LayoutTests/fast/css/line-height-determined-by-primary-font.html - WebKit - Git at Google

 <!doctype html>
 <html>
     <head>
         <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
         <style>
             body {
                 font-size:12px;
             }

             .container ul {
                 width:527px;
                 height:97px;
                 list-style:none;
                 line-height:30px;
             }

             .container ul li {
                 float:left;
                 padding:0 10px 0 12px;
                 display:inline;
                 border-bottom: 1px solid red;
             }

             .container ul .li_f1 {
                 font-size:14px
             }

             .container ul .li_f2 {
                 font-size:14px;
             }

             .container ul .li_f3 {
                 font-size:18px;
             }

             .container ul .li_f3_2 {
                 font-size:18px
             }

             .container ul .li_f4 {
                 font-size:24px;
             }
         </style>
     </head>
     <body>
         <p>This test verifies that line height is determined solely by a box's primary font, not by its fallback fonts. The following two lines should have a solid, unbroken red line below them:</p>
         <div class="container">
             <ul>
                 <li class="li_f1"><a>±õÆé²½</a></li>
                 <li class="li_f3"><a>²ÌÒÀÁÖ</a></li>
                 <li class="li_f4"><a>³Âç²Õê</a></li>
                 <li class="li_f3"><a>³ÂÞÈÑ¸</a></li>
                 <li><a>ºÚÑ¼×Ó</a></li>
                 <li class="li_f2"><a>ÀîÓî´º</a></li>
                 <li class="li_f1"><a>Áº¾²Èã</a></li>
             </ul>
         </div>
         <div class="container">
             <ul>
                 <li class="li_f1">±õÆé²½</li>
                 <li class="li_f3">²ÌÒÀÁÖ</li>
                 <li class="li_f4">³Âç²Õê</li>
                 <li class="li_f3">³ÂÞÈÑ¸</li>
                 <li >ºÚÑ¼×Ó</li>
                 <li class="li_f2">ÀîÓî´º</li>
                 <li class="li_f1">Áº¾²Èã</li>
             </ul>
         </div>
     </body>
 </html>
	<!doctype html>
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
	<style>
	body {
	font-size:12px;
	}

	.container ul {
	width:527px;
	height:97px;
	list-style:none;
	line-height:30px;
	}

	.container ul li {
	float:left;
	padding:0 10px 0 12px;
	display:inline;
	border-bottom: 1px solid red;
	}

	.container ul .li_f1 {
	font-size:14px
	}

	.container ul .li_f2 {
	font-size:14px;
	}

	.container ul .li_f3 {
	font-size:18px;
	}

	.container ul .li_f3_2 {
	font-size:18px
	}

	.container ul .li_f4 {
	font-size:24px;
	}
	</style>
	</head>
	<body>
	<p>This test verifies that line height is determined solely by a box's primary font, not by its fallback fonts. The following two lines should have a solid, unbroken red line below them:</p>
	<div class="container">
	<ul>
	<li class="li_f1"><a>±õÆé²½</a></li>
	<li class="li_f3"><a>²ÌÒÀÁÖ</a></li>
	<li class="li_f4"><a>³Âç²Õê</a></li>
	<li class="li_f3"><a>³ÂÞÈÑ¸</a></li>
	<li><a>ºÚÑ¼×Ó</a></li>
	<li class="li_f2"><a>ÀîÓî´º</a></li>
	<li class="li_f1"><a>Áº¾²Èã</a></li>
	</ul>
	</div>
	<div class="container">
	<ul>
	<li class="li_f1">±õÆé²½</li>
	<li class="li_f3">²ÌÒÀÁÖ</li>
	<li class="li_f4">³Âç²Õê</li>
	<li class="li_f3">³ÂÞÈÑ¸</li>
	<li >ºÚÑ¼×Ó</li>
	<li class="li_f2">ÀîÓî´º</li>
	<li class="li_f1">Áº¾²Èã</li>
	</ul>
	</div>
	</body>
	</html>