c527-font-009.xht (2319B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>CSS Test: font</title> 5 <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/> 6 <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> 7 <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> 8 <style type="text/css"><![CDATA[ 9 body {font-size: 16px; color: navy;} 10 .ten {font: normal 400 75%/2.5 sans-serif;} 11 span.dummy {color: silver;} 12 ]]></style> 13 <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/> 14 <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/> 15 <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" title="15.6 Font boldness: the 'font-weight' property"/> 16 <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/> 17 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/> 18 <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/> 19 <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/> 20 <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop"/> 21 <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/> 22 </head> 23 <body> 24 <p class="ten"> 25 This test should be 12px, sans-serif, and light. 26 There should be 30px between baselines (18px gap between lines). 27 <span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy 28 text dummy text dummy text dummy text dummy text dummy text dummy 29 text dummy text dummy text dummy text dummy text dummy text dummy 30 text dummy text dummy text dummy text dummy text dummy text dummy 31 text dummy text dummy text dummy text dummy text dummy text dummy 32 text dummy text dummy text dummy text dummy text dummy text dummy 33 text dummy text dummy text dummy text dummy text dummy text dummy 34 text dummy text dummy text dummy text dummy text dummy text </span> 35 </p> 36 </body> 37 </html>