c527-font-005.xht (2866B)
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: 12px; color: navy;} 10 .six {font: italic small-caps 100 150%/300% sans-serif;} 11 span.dummy {color: silver;} 12 span.color {background-color: silver;} 13 span.color span.dummy {color: gray;} 14 ]]></style> 15 <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/> 16 <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/> 17 <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" title="15.4 Font styling: the 'font-style' property"/> 18 <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" title="15.5 Small-caps: the 'font-variant' property"/> 19 <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" title="15.6 Font boldness: the 'font-weight' property"/> 20 <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/> 21 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/> 22 <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/> 23 <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/> 24 <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/> 25 <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" /> 26 <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop"/> 27 <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/> 28 29 </head> 30 <body> 31 <p class="six"> 32 This text should be 18px sans-serif, in small-caps, italicized, and very light. 33 There should be 54px between baselines (36px gap between lines). 34 <span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy 35 text dummy text dummy text dummy text dummy text dummy text dummy 36 text dummy text dummy text dummy text dummy text dummy text dummy 37 text dummy text dummy text dummy text dummy text dummy text dummy 38 text dummy text dummy text dummy text dummy text dummy text dummy 39 text dummy text dummy text dummy text dummy text dummy text dummy 40 text dummy text dummy text dummy text dummy text dummy text dummy 41 text dummy text dummy text dummy text dummy text dummy text </span> 42 </p> 43 </body> 44 </html>