Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab

This commit is contained in:
James Graham 2015-03-27 09:18:12 +00:00
parent 1a81b18b9f
commit 2c9faf5363
91915 changed files with 5979820 additions and 0 deletions

View file

@ -0,0 +1,123 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: feature value matching for font-variant-alternates</title>
<link href="mailto:jdaggett@mozilla.com" rel="author" title="John Daggett" />
<link href="http://www.w3.org/TR/css-fonts-3/#font-variant-alternates-prop" rel="help" />
<link href="http://www.w3.org/TR/css-fonts-3/#font-feature-values" rel="help" />
<link href="reference/alternates-order-ref.xht" rel="match" />
<meta content="" name="flags" />
<meta content="Case and order of font family name or feature name should not affect alternate rendered" name="assert" />
<style type="text/css">
@font-face {
font-family: libertine;
src: url(support/fonts/LinLibertine_Re-4.7.5.woff) format("woff");
}
@font-face {
font-family: fontA;
src: url(support/fonts/LinLibertine_Re-4.7.5.woff) format("woff");
font-feature-settings: "ss05" on;
}
@font-face {
font-family: fontB;
src: url(support/fonts/LinLibertine_Re-4.7.5.woff) format("woff");
font-feature-settings: "ss05" off;
}
@font-feature-values libertine {
@styleset {
crossed-doubleu: 5;
somethingElse: 4;
}
}
@font-feature-values fontA {
@styleset { aLtW: 5; }
}
@font-feature-values fontB {
@styleset { crossedW: 5; several: 1 3 5; }
@styleset { altW: 4; }
}
@font-feature-values fontB {
@styleset {
AlTw: 5;
defined-for-fontB: 5;
scriptJ: 3;
}
}
body {
font-family: libertine, sans-serif;
font-size: 800%;
line-height: 1.2em;
}
/* -moz-font-feature-settings: "ss05"; crossed W */
div { margin: 0 20px; }
#test1 {
font-variant-alternates: styleset(crossed-doubleu);
}
#test2 {
/* testing case-insensitivity of styleset name */
font-family: fontB;
font-variant-alternates: styleset(altW);
}
#test3 {
/* testing case-insensitivity of styleset name */
font-family: fontB;
font-variant-alternates: styleset(ALTW);
}
#test4 {
/* testing escapes in styleset name */
font-family: fontB;
font-variant-alternates: styleset(\41 ltW);
}
#test5 {
/* testing font-specificity of feature value rule */
font-family: fontA;
font-variant-alternates: styleset(defined-for-fontB);
}
#test6 {
/* testing one feature doesn't affect another */
font-variant-alternates: styleset(somethingElse);
-moz-font-feature-settings: "ss05" on;
}
#test7 {
/* testing font-specificity of feature value rule */
font-family: fontA;
font-variant-alternates: styleset(scriptJ);
-moz-font-feature-settings: "ss06";
}
#test8 {
/* testing that an undefined value doesn't affect the results */
font-family: fontB;
font-variant-alternates: styleset(scriptJ, somethingUndefined, defined-for-fontB);
}
#test9 {
/* testing matching of font name with escape */
font-family: font\62 ;
font-variant-alternates: styleset(defined-for-fontB);
}
</style>
</head>
<body lang="en">
<div><span id="test1">W</span> <span id="test2">W</span> <span id="test3">W</span></div>
<div><span id="test4">W</span> <span id="test5">W</span> <span id="test6">W</span></div>
<div><span id="test7">W</span> <span id="test8">W</span> <span id="test9">W</span></div>
</body></html>

View file

@ -0,0 +1,54 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: background-position - ex unit</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test background-position-001"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
<link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop" />
<link rel="match" href="reference/background-position-001-ref.xht" />
<meta content="ahem image" name="flags" />
<meta content="ex unit is the 'x-height' of the relevant font. 'em' and 'ex' length values when defining 'font-size' property refer to the computed font size of the parent element." name="assert" />
<style type="text/css"><![CDATA[
html {font: 20px/1 Ahem;}
body
{
background: url("support/1x1-lime.png") repeat-x 0 6.25ex;
font-size: 2.5ex;
margin: 1px 0px 8px 75px;
}
p#expected-results {font-family: serif;}
img
{
left: 0px;
position: absolute;
top: 1px;
}
]]></style>
</head>
<body>
<p id="expected-results">A thin green horizontal line should appear at exactly 200px<img src="support/ruler-v-100px-200px-300px.png" width="55" height="350" alt="Image download support must be enabled" /></p>
</body>
</html>

View file

@ -0,0 +1,54 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: background-position - ex unit</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test background-position-002"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
<link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop" />
<link rel="match" href="reference/background-position-002-ref.xht" />
<meta content="ahem image" name="flags" />
<meta content="ex unit is the 'x-height' of the relevant font. 'em' and 'ex' length values when defining 'font-size' property refer to the computed font size of the parent element." name="assert" />
<style type="text/css"><![CDATA[
html {font: 20px/1 Ahem;}
body
{
background: url("support/1x1-lime.png") repeat-y 12.5ex 0;
font-size: 2.5ex;
margin: 80px 0px 8px 8px;
}
p#expected-results {font-family: serif;}
img
{
left: 0px;
position: absolute;
top: 42px;
}
]]></style>
</head>
<body>
<p id="expected-results">A thin green vertical line should appear at exactly 400px<img src="support/ruler-h-200px-400px.png" width="700" height="18" alt="Image download support must be enabled" /></p>
</body>
</html>

View file

@ -0,0 +1,52 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: font-family</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test c522-font-family-000"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="help" href="http://www.w3.org/TR/REC-CSS1#font-family"/>
<link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<style type="text/css"><![CDATA[
p { margin: 0; color: navy; }
div.a {font-family: serif;}
div.b {font-family: monospace;}
.one {font-family: serif;}
.two {font-family: sans-serif;}
.three {font-family: cursive;}
.four {font-family: fantasy;}
.five {font-family: monospace;}
.six {font-family: sans-serif,cursive;}
.seven {font-family: monospace,serif;}
]]></style>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
</head>
<body>
<div class="a">
<p> This sentence should be in a serif font. </p>
<p class="one"> This sentence should be in a serif font. </p>
<p class="two"> This sentence should be in a sans-serif font. </p>
<p class="three"> This sentence should be in a cursive font. </p>
<p class="four"> This sentence should be in a fantasy font. </p>
<p class="five"> This sentence should be in a monospace font. </p>
</div>
<p class="six"> This sentence should be in a sans-serif font. </p>
<p class="seven"> This sentence should be in a monospace font. </p>
<div class="b">
<p> This sentence should be in a monospace font. </p>
<p class="one"> This sentence should be in a serif font. </p>
<p class="two"> This sentence should be in a sans-serif font. </p>
<p class="three"> This sentence should be in a cursive font. </p>
<p class="four"> This sentence should be in a fantasy font. </p>
<p class="five"> This sentence should be in a monospace font. </p>
</div>
</body>
</html>

View file

@ -0,0 +1,34 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: font-style</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test c523-font-style-000"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="help" href="http://www.w3.org/TR/REC-CSS1#font-style"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
<link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<style type="text/css"><![CDATA[
p { color: navy; }
.one {font-style: italic;}
.two {font-style: oblique;}
.three, i {font-style: normal;}
]]></style>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" title="15.4 Font styling: the 'font-style' property"/>
</head>
<body>
<p class="one">
This sentence should be in italics.
<span class="three">This sentence should be normal.</span>
</p>
<p class="two"> This sentence should be oblique. </p>
<p> <i>This sentence should be normal.</i> </p>
</body>
</html>

View file

@ -0,0 +1,32 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: font-variant</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test c524-font-var-000"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="help" href="http://www.w3.org/TR/REC-CSS1#font-variant"/>
<link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<style type="text/css"><![CDATA[
p { color: navy; }
.one {font-variant: small-caps;}
.two {font-variant: normal;}
]]></style>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" title="15.5 Small-caps: the 'font-variant' property"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop"/>
</head>
<body>
<p class="one">This sentence Should be In small Caps with Every other Word capitalized. </p>
<p class="one">
This sentence Should be In small Caps with Every other Word capitalized.
<span class="two">This sentence Should be In normal Mixed case (Every other Word capitalized).</span>
</p>
</body>
</html>

View file

@ -0,0 +1,66 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: font-weight</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test c525-font-wt-000"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="help" href="http://www.w3.org/TR/REC-CSS1#font-weight"/>
<link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<style type="text/css"><![CDATA[
p { margin: 0.5em 0; }
p, h4 { color: navy; }
.bold {font-weight: bold;}
.bolder {font-weight: bolder;}
b {font-weight: lighter;}
.normal { font-weight: normal; }
.one { font-weight: 100; }
.two { font-weight: 200; }
.three { font-weight: 300; }
.four { font-weight: 400; }
.five { font-weight: 500; }
.six { font-weight: 600; }
.seven { font-weight: 700; }
.eight { font-weight: 800; }
.nine { font-weight: 900; }
]]></style>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" title="15.6 Font boldness: the 'font-weight' property"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop"/>
</head>
<body>
<p>This sentence is normal. </p>
<p class="normal">This sentence should also be normal.</p>
<p class="four">This sentence should also be normal.</p>
<p class="bolder"> This sentence should be bolder than normal. </p>
<p class="bold"> This sentence should be bold. </p>
<h4> Whatever this line looks like... </h4>
<h4 class="bolder"> ...this line should look bolder (or the same).</h4>
<p> <b>This sentence should be lighter than normal (or the same).</b> </p>
<p class="bold">
This sentence should be bold.
<span class="normal"> This sentence should be normal.</span>
</p>
<hr/>
<p>For the following nine lines, each must be bolder or the same as the previous:</p>
<p class="one">Line 1 (Lightest)</p>
<p class="two">Line 2</p>
<p class="three">Line 3</p>
<p class="four">Line 4 (Normal)</p>
<p class="five">Line 5</p>
<p class="six">Line 6</p>
<p class="seven">Line 7</p>
<p class="eight">Line 8</p>
<p class="nine">Line 9 (Boldest)</p>
</body>
</html>

View file

@ -0,0 +1,62 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: font-size</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test c526-font-sz-000"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="help" href="http://www.w3.org/TR/REC-CSS1#font-size"/>
<link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<style type="text/css"><![CDATA[
p { color: navy; margin: 10px; }
.one {font-size: medium;}
.two {font-size: larger;}
.three {font-size: smaller;}
.four {font-size: xx-small;}
.five {font-size: x-small;}
.six {font-size: small;}
.seven {font-size: large;}
.eight {font-size: x-large;}
.nine {font-size: xx-large;}
]]></style>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
</head>
<body>
<p> This sentence should be normal. </p>
<p class="one"> This sentence should be the same. </p>
<p class="two"> This sentence should be larger than normal. </p>
<p class="three"> This sentence should be smaller than normal. </p>
<p class="four">
This sentence should be very small.
<span class="one">This sentence should be back to normal.</span>
</p>
<p class="five">
This sentence should be rather small.
<span class="one">This sentence should be back to normal.</span>
</p>
<p class="six">
This sentence should be small.
<span class="one">This sentence should be back to normal.</span>
</p>
<p class="seven">
This sentence should be large.
<span class="one">This sentence should be back to normal.</span>
</p>
<p class="eight">
This sentence should be rather large.
<span class="one">This sentence should be back to normal.</span>
</p>
<p class="nine">
This sentence should be very large.
<span class="one">This sentence should be back to normal.</span>
</p>
</body>
</html>

View file

@ -0,0 +1,43 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: font-size</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test c526-font-sz-001"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"/> <!-- 2012-06-27 -->
<link rel="help" href="http://www.w3.org/TR/REC-CSS1#font-size"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
<link rel="match" href="reference/c526-font-sz-001-ref.xht"/>
<meta name="flags" content="ahem"/>
<style type="text/css"><![CDATA[
div { color: blue; font: 3.75em/1 Ahem; margin: 0 2em; }
.a {font-size: 0.625in;}
.b {font-size: 1.5875cm;}
.c {font-size: 15.875mm;}
.d {font-size: 45pt;}
.e {font-size: 3.75pc;}
.h {font-size: 60px;}
]]></style>
</head>
<body>
<p>Test passes if there is an uninterrupted smooth column of blue.</p>
<div class="a"> x </div>
<div class="b"> x </div>
<div class="c"> x </div>
<div class="d"> x </div>
<div class="e"> x </div>
<div class="h"> x </div>
</body>
</html>

View file

@ -0,0 +1,38 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: font-size</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test c526-font-sz-002"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"/> <!-- 2012-06-27 -->
<link rel="help" href="http://www.w3.org/TR/REC-CSS1#font-size"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
<link rel="match" href="reference/c526-font-sz-002-ref.xht"/>
<meta name="flags" content="ahem"/>
<style type="text/css"><![CDATA[
.ahem { font: 1.25em/1 Ahem; color: blue; }
.f {font-size: 2em;}
.g {font-size: 2.5ex;}
.i {font-size: 200%;}
]]></style>
</head>
<body>
<p>Test passes if there is a short uninterrupted smooth column of blue.</p>
<div class="ahem">
<div class="f"> x </div>
<div class="g"> x </div>
<div class="i"> x </div>
</div>
</body>
</html>

View file

@ -0,0 +1,38 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: font-size</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test c526-font-sz-003"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="help" href="http://www.w3.org/TR/REC-CSS1#font-size"/>
<link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"/> <!-- 2012-03-29 -->
<link rel="match" href="reference/c526-font-sz-003-ref.xht"/>
<meta name="flags" content="ahem invalid"/>
<style type="text/css"><![CDATA[
.j { font-size: 3.75em; color: navy; font-family: Ahem; line-height: 1; }
.a { font-size: 1em; }
.b { font-size: 1em; font-size: -0.5in; }
.j p { margin: 10px 30px; }
]]></style>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
</head>
<body>
<p>Test passes if the 2 blue navy squares have the <strong>same size</strong>.</p>
<div class="j">
<p class="a"> x </p>
<p class="b"> x </p>
</div>
</body>
</html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: font</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test c527-font-000"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/>
<link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<style type="text/css"><![CDATA[
body {font-size: 12px; color: navy;}
.one {font: italic small-caps 13px Helvetica;}
span.dummy {color: silver;}
]]></style>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" title="15.4 Font styling: the 'font-style' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" title="15.5 Small-caps: the 'font-variant' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
</head>
<body>
<p class="one">
This text should be 13px Helvetica in small-caps and italicized. There should be a small gap between each line.
<span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text </span>
</p>
</body>
</html>

View file

@ -0,0 +1,42 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: font</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test c527-font-001"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/>
<link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<style type="text/css"><![CDATA[
body {font-size: 12px; color: navy;}
.two {font: 150%/150% serif;}
span.dummy {color: silver;}
]]></style>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
</head>
<body>
<p class="two">
This text should be 18px serif. There should be 27px between baselines
(9px gap between lines).
<span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text </span>
</p>
</body>
</html>

View file

@ -0,0 +1,44 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: font</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test c527-font-002"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/>
<link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<style type="text/css"><![CDATA[
body {font-size: 12px; color: navy;}
.three {font: 150%/150% sans-serif;}
span.dummy {color: silver;}
]]></style>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
</head>
<body>
<p class="three">
This text should be 18px sans-serif. There should be 27px between baselines
(9px gap between lines).
<span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text </span>
</p>
</body>
</html>

View file

@ -0,0 +1,44 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: font</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test c527-font-003"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/>
<link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<style type="text/css"><![CDATA[
body {font-size: 12px; color: navy;}
.four {font: small/200% cursive;}
span.dummy {color: silver;}
]]></style>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
</head>
<body>
<p class="four">
This text should be small and cursive, with double line spacing.
<span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text </span>
</p>
</body>
</html>

View file

@ -0,0 +1,50 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: font</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test c527-font-004"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/>
<link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<style type="text/css"><![CDATA[
body {font-size: 12px; color: navy;}
.five {font: italic small-caps 900 150%/150% sans-serif;}
span.dummy {color: silver;}
]]></style>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" title="15.4 Font styling: the 'font-style' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" title="15.5 Small-caps: the 'font-variant' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" title="15.6 Font boldness: the 'font-weight' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
</head>
<body>
<p class="five">
This text should be 18px sans-serif, in small-caps, italicized, and very bold.
There should be 27px between baselines (9px gap between lines).
<span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text </span>
</p>
</body>
</html>

View file

@ -0,0 +1,53 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: font</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test c527-font-005"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/>
<link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<style type="text/css"><![CDATA[
body {font-size: 12px; color: navy;}
.six {font: italic small-caps 100 150%/300% sans-serif;}
span.dummy {color: silver;}
span.color {background-color: silver;}
span.color span.dummy {color: gray;}
]]></style>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" title="15.4 Font styling: the 'font-style' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" title="15.5 Small-caps: the 'font-variant' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" title="15.6 Font boldness: the 'font-weight' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
</head>
<body>
<p class="six">
This text should be 18px sans-serif, in small-caps, italicized, and very light.
There should be 54px between baselines (36px gap between lines).
<span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text </span>
</p>
</body>
</html>

View file

@ -0,0 +1,49 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: font</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test c527-font-006"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/>
<link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<style type="text/css"><![CDATA[
body {font-size: 12px; color: navy;}
.seven {font: italic small-caps 900 150%/2em monospace;}
span.dummy {color: silver;}
]]></style>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" title="15.4 Font styling: the 'font-style' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" title="15.5 Small-caps: the 'font-variant' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" title="15.6 Font boldness: the 'font-weight' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
</head>
<body>
<p class="seven">
This text should be 18px monospace, in small-caps, italicized, and very bold, with double line spacing.
<span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text </span>
</p>
</body>
</html>

View file

@ -0,0 +1,48 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: font</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test c527-font-007"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/>
<link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<style type="text/css"><![CDATA[
body {font-size: 12px; color: navy;}
.eight {font: italic small-caps 500 150%/1in sans-serif;}
span.dummy {color: silver;}
]]></style>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" title="15.4 Font styling: the 'font-style' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" title="15.5 Small-caps: the 'font-variant' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
</head>
<body>
<p class="eight">
This text should be 18px sans-serif, in small-caps and italicized.
The baselines should be one inch apart.
<span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text </span>
</p>
</body>
</html>

View file

@ -0,0 +1,50 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: font</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test c527-font-008"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/>
<link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<style type="text/css"><![CDATA[
body {font-size: 12px; color: navy;}
.nine {font: oblique normal 700 18px/200% sans-serif;}
span.dummy {color: silver;}
]]></style>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" title="15.4 Font styling: the 'font-style' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" title="15.5 Small-caps: the 'font-variant' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" title="15.6 Font boldness: the 'font-weight' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
</head>
<body>
<p class="nine">
This text should be 18px sans-serif, oblique, and bold.
There should be 36px between baselines (18px gap between lines).
<span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text </span>
</p>
</body>
</html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: font</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test c527-font-009"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/>
<link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<style type="text/css"><![CDATA[
body {font-size: 16px; color: navy;}
.ten {font: normal 400 75%/2.5 sans-serif;}
span.dummy {color: silver;}
]]></style>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" title="15.6 Font boldness: the 'font-weight' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
</head>
<body>
<p class="ten">
This test should be 12px, sans-serif, and light.
There should be 30px between baselines (18px gap between lines).
<span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text </span>
</p>
</body>
</html>

View file

@ -0,0 +1,55 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: font</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test c527-font-10"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/>
<link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<style type="text/css"><![CDATA[
body {font-size: 12px;}
.eleven {font: italic small-caps 100 150%/300% sans-serif;}
span.color {background-color: navy; color: white; }
span.dummy {color: blue;}
]]></style>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" title="15.4 Font styling: the 'font-style' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" title="15.5 Small-caps: the 'font-variant' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" title="15.6 Font boldness: the 'font-weight' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
</head>
<body>
<p class="eleven">
<span class="color">
This text should be 18px sans-serif, in small-caps, italicized,
and very light. There should be 54px between baselines, with a
36px gap between lines. The text should have a blue background,
the gap should not.
<span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text </span>
</span>
</p>
</body>
</html>

View file

@ -0,0 +1,55 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: text-decoration</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test c543-txt-decor-000"; }
@bottom-right { content: counter(page); }
}
</style>
<meta name="flags" content="animated image"/>
<link rel="help" href="http://www.w3.org/TR/REC-CSS1#text-decoration"/>
<link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<style type="text/css"><![CDATA[
p { color: navy; }
.one {text-decoration: underline;}
.two {text-decoration: overline;}
.three {text-decoration: line-through;}
.four {text-decoration: blink;}
b.five {text-decoration: none;}
.six {text-decoration: underline overline;}
.seven {text-decoration: underline overline line-through;}
div, strong, img { color: red; }
.eight { color: white; }
]]></style>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" title="15.4 Font styling: the 'font-style' property"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
</head>
<body>
<p class="one"> This sentence should be underlined. </p>
<p class="two"> This sentence should be overlined. </p>
<p class="three"> This sentence should be stricken out. </p>
<p class="four"> This sentence should be blinking (if the UA supports that). </p>
<p class="one"> The sentence should be underlined. <b class="five">This sentence should be underlined</b>. </p>
<p class="six"> This sentence should be underlined and overlined. </p>
<p class="seven"> This sentence should be underlined, overlined, and stricken. </p>
<div class="seven"/> <!-- there should be no red on this page -->
<p> There should be no red at the end of this line.<img src="support/swatch-white.png" alt="FAIL: Images required." class="one"/> </p>
<p class="one">
The text of this sentence and all<span> </span>its<span>&nbsp;</span>spaces (including the space between the images)
<img src="support/square-teal.png" alt="FAIL: Images required."/>
<img src="support/square-purple.png" alt="FAIL: Images required."/>
should be underlined, but the images themselves should <em>not</em> be underlined.
</p>
<p class="one">
This sentence should have a long blue underline including between the two
arrows here&rarr;<span class="eight"> FAIL FAIL FAIL FAIL </span>&larr;and here.
</p>
<p>There should be a long blue underline between here&rarr;<span class="one">                      </span> &larr;and here.</p>
</body>
</html>

View file

@ -0,0 +1,39 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Introduction - CSS Fonts Module Level 3 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Fonts Module Level 3 CR Test Suite</h1>
<h2>Introduction (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s1">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#introduction">1 Introduction</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Typography Background - CSS Fonts Module Level 3 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Fonts Module Level 3 CR Test Suite</h1>
<h2>Typography Background (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#typography-background">2 Typography Background</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.#weight">
<!-- 0 tests -->
</tbody>
<tbody id="s2.#width">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

File diff suppressed because it is too large Load diff

View file

@ -0,0 +1,158 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Font Resources - CSS Fonts Module Level 3 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Fonts Module Level 3 CR Test Suite</h1>
<h2>Font Resources (1 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#font-resources">4 Font Resources</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.1">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#font-face-rule">4.1 The @font-face rule</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.1.#at-font-face-rule">
<!-- 0 tests -->
</tbody>
<tbody id="s4.1.#descriptordeclaration">
<!-- 0 tests -->
</tbody>
<tbody id="s4.1.#fontfacerule">
<!-- 0 tests -->
</tbody>
<tbody id="s4.1.#fontfacesym">
<!-- 0 tests -->
</tbody>
<tbody id="s4.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.2">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#font-family-desc">4.2 Font family: the font-family descriptor</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.2.#descdef-font-family">
<!-- 0 tests -->
</tbody>
<tbody id="s4.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.3">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#src-desc">4.3 Font reference: the src descriptor</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.3.#descdef-src">
<!-- 0 tests -->
</tbody>
<tbody id="s4.3.#font-face-name-value">
<!-- 0 tests -->
</tbody>
<tbody id="s4.3.#fontformats">
<!-- 0 tests -->
</tbody>
<tbody id="s4.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.4">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#font-prop-desc">4.4 Font property descriptors: the font-style, font-weight, font-stretch descriptors</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.4.#descdef-font-stretch">
<!-- 0 tests -->
</tbody>
<tbody id="s4.4.#descdef-font-style">
<!-- 0 tests -->
</tbody>
<tbody id="s4.4.#descdef-font-weight">
<!-- 0 tests -->
</tbody>
<tbody id="s4.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.5">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#unicode-range-desc">4.5 Character range: the unicode-range descriptor</a></th></tr>
<!-- 1 tests -->
<tr id="font-face-unicode-range-4.5" class="primary">
<td><strong>
<a href="font-face-unicode-range.xht">font-face-unicode-range</a></strong></td>
<td></td>
<td></td>
<td>font-face unicode-range
<ul class="assert">
<li>Check if the font-face unicode-range value impacts the content style</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s4.5.#descdef-unicode-range">
<!-- 0 tests -->
</tbody>
<tbody id="s4.5.#effective-character-map">
<!-- 0 tests -->
</tbody>
<tbody id="s4.5.#urange-value">
<!-- 0 tests -->
</tbody>
<tbody id="s4.6">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.6">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#composite-fonts">4.6 Using character ranges to define composite fonts</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.7">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.7">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#font-rend-desc">4.7 Font features: the font-variant and font-feature-settings descriptors</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.7.#descdef-font-feature-settings">
<!-- 0 tests -->
</tbody>
<tbody id="s4.7.#descdef-font-variant">
<!-- 0 tests -->
</tbody>
<tbody id="s4.8">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.8">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#font-face-loading">4.8 Font loading guidelines</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.8.#allowing-cross-origin-font-loading">
<!-- 0 tests -->
</tbody>
<tbody id="s4.8.#same-origin-restriction">
<!-- 0 tests -->
</tbody>
<tbody id="s4.9">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.9">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#font-fetching-requirements">4.9 Font fetching requirements</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,282 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Font Matching Algorithm - CSS Fonts Module Level 3 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Fonts Module Level 3 CR Test Suite</h1>
<h2>Font Matching Algorithm (12 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#font-matching-algorithm">5 Font Matching Algorithm</a></th></tr>
<!-- 12 tests -->
<tr id="font-matching-rule-001-5" class="ahem">
<td>
<a href="font-matching-rule-001.xht">font-matching-rule-001</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font Matching Algorithm, Match Font-Family
<ul class="assert">
<li>If font property match then use the font specified by font-family, if font property doesn't match, don't even try to match font-family.</li>
</ul>
</td>
</tr>
<tr id="font-matching-rule-006-5" class="ahem">
<td>
<a href="font-matching-rule-006.xht">font-matching-rule-006</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font Matching Algorithm, match font-style
<ul class="assert">
<li>If the font contains definition of 'italic' or 'oblique' and italic or oblique is set by the style, then use that font.</li>
</ul>
</td>
</tr>
<tr id="font-matching-rule-009-5" class="invalid">
<td>
<a href="font-matching-rule-009.xht">font-matching-rule-009</a></td>
<td><a href="reference/font-weight-normal-ref.xht">=</a> </td>
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Font Matching Algorithm, font-weight out of range
<ul class="assert">
<li>Invalid font weight values are set to the default weight of 400.</li>
</ul>
</td>
</tr>
<tr id="font-matching-rule-010-5" class="font">
<td>
<a href="font-matching-rule-010.xht">font-matching-rule-010</a></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>Font Matching Algorithm, font-variant never fails if property does not match
<ul class="assert">
<li>If a font property value is not defined, user agent still can use normal value of that property.</li>
</ul>
</td>
</tr>
<tr id="font-matching-rule-012-5" class="ahem">
<td>
<a href="font-matching-rule-012.xht">font-matching-rule-012</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font Matching Algorithm, font-size and rounding
<ul class="assert">
<li>The font-size for scalable fonts are rounded to the nearest whole pixel.</li>
</ul>
</td>
</tr>
<tr id="font-matching-rule-014-5" class="font">
<td>
<a href="font-matching-rule-014.xht">font-matching-rule-014</a></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>Font Matching Algorithm, same fonts
<ul class="assert">
<li>If all available fonts are exactly same in all properties, the user agent selects one of them.</li>
</ul>
</td>
</tr>
<tr id="font-style-rule-001-5" class="font">
<td>
<a href="font-style-rule-001.xht">font-style-rule-001</a></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>Font-style with font properties missing
<ul class="assert">
<li>When font-style italic is not available, find value oblique, if it's still not available, either use the alternate font-family that has italic or oblique value or use 'font-style: normal'.</li>
</ul>
</td>
</tr>
<tr id="fonts-010-5" class="ahem">
<td>
<a href="fonts-010.xht">fonts-010</a></td>
<td><a href="reference/fonts-010-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>font inheritance into &lt;pre&gt; elements
</td>
</tr>
<tr id="fonts-011-5" class="ahem">
<td>
<a href="fonts-011.xht">fonts-011</a></td>
<td><a href="reference/fonts-011-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Fonts and bidi
</td>
</tr>
<tr id="fonts-012-5" class="ahem">
<td>
<a href="fonts-012.xht">fonts-012</a></td>
<td><a href="reference/fonts-012-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Fonts and not bidi
</td>
</tr>
<tr id="fonts-013-5" class="ahem">
<td>
<a href="fonts-013.xht">fonts-013</a></td>
<td><a href="reference/fonts-013-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>font and fallbacks
</td>
</tr>
<tr id="fonts-014-5" class="ahem">
<td>
<a href="fonts-014.xht">fonts-014</a></td>
<td><a href="reference/fonts-013-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>font and fallbacks
</td>
</tr>
</tbody>
<tbody id="s5.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.1">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#font-family-casing">5.1 Case sensitivity of font family names</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.2">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#font-style-matching">5.2 Matching font styles</a></th></tr>
<!-- 6 tests -->
<tr id="font-matching-rule-001-5.2" class="ahem">
<td>
<a href="font-matching-rule-001.xht">font-matching-rule-001</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font Matching Algorithm, Match Font-Family
<ul class="assert">
<li>If font property match then use the font specified by font-family, if font property doesn't match, don't even try to match font-family.</li>
</ul>
</td>
</tr>
<tr id="font-matching-rule-006-5.2" class="ahem">
<td>
<a href="font-matching-rule-006.xht">font-matching-rule-006</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font Matching Algorithm, match font-style
<ul class="assert">
<li>If the font contains definition of 'italic' or 'oblique' and italic or oblique is set by the style, then use that font.</li>
</ul>
</td>
</tr>
<tr id="font-matching-rule-009-5.2" class="invalid">
<td>
<a href="font-matching-rule-009.xht">font-matching-rule-009</a></td>
<td><a href="reference/font-weight-normal-ref.xht">=</a> </td>
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Font Matching Algorithm, font-weight out of range
<ul class="assert">
<li>Invalid font weight values are set to the default weight of 400.</li>
</ul>
</td>
</tr>
<tr id="font-matching-rule-010-5.2" class="font">
<td>
<a href="font-matching-rule-010.xht">font-matching-rule-010</a></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>Font Matching Algorithm, font-variant never fails if property does not match
<ul class="assert">
<li>If a font property value is not defined, user agent still can use normal value of that property.</li>
</ul>
</td>
</tr>
<tr id="font-matching-rule-012-5.2" class="ahem">
<td>
<a href="font-matching-rule-012.xht">font-matching-rule-012</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font Matching Algorithm, font-size and rounding
<ul class="assert">
<li>The font-size for scalable fonts are rounded to the nearest whole pixel.</li>
</ul>
</td>
</tr>
<tr id="font-matching-rule-014-5.2" class="font">
<td>
<a href="font-matching-rule-014.xht">font-matching-rule-014</a></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>Font Matching Algorithm, same fonts
<ul class="assert">
<li>If all available fonts are exactly same in all properties, the user agent selects one of them.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s5.2.#character-map">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.#composite-face">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.#default-face">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.#first-available-font">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.#fontmatchingalg">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.#fontstylematchingalg">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.#support">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.#system-font-fallback">
<!-- 0 tests -->
</tbody>
<tbody id="s5.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.3">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#cluster-matching">5.3 Cluster matching</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.4">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#char-handling-issues">5.4 Character handling issues</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.5">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#font-matching-changes">5.5 Font matching changes since CSS 2.1</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.6">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.6">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#font-matching-examples">5.6 Font matching examples</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,847 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Font Feature Properties - CSS Fonts Module Level 3 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Fonts Module Level 3 CR Test Suite</h1>
<h2>Font Feature Properties (37 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s6">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#font-rend-props">6 Font Feature Properties</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.1">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#glyph-selection-positioning">6.1 Glyph selection and positioning</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.2">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#language-specific-support">6.2 Language-specific display</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.3">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#font-kerning-prop">6.3 Kerning: the font-kerning property</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.#font-kerning-auto-value">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.#font-kerning-none-value">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.#font-kerning-normal-value">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.#namefont-kerningvalueauto-normal-noneini">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.#propdef-font-kerning">
<!-- 0 tests -->
</tbody>
<tbody id="s6.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.4">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#font-variant-ligatures-prop">6.4 Ligatures: the font-variant-ligatures property</a></th></tr>
<!-- 4 tests -->
<tr id="font-features-across-space-1-6.4" class="primary">
<td><strong>
<a href="font-features-across-space-1.xht">font-features-across-space-1</a></strong></td>
<td><a href="reference/font-features-across-space-1-ref.xht">=</a> </td>
<td></td>
<td>ligatures should match across spaces
<ul class="assert">
<li>Ligature features should be handled across spaces with font-feature-settings</li>
</ul>
</td>
</tr>
<tr id="font-features-across-space-2-6.4" class="primary">
<td><strong>
<a href="font-features-across-space-2.xht">font-features-across-space-2</a></strong></td>
<td><a href="reference/font-features-across-space-1-ref.xht">=</a> </td>
<td></td>
<td>ligatures should match across spaces
<ul class="assert">
<li>Ligature features should be handled across spaces with font-variant-ligatures</li>
</ul>
</td>
</tr>
<tr id="font-features-across-space-3-6.4" class="primary">
<td><strong>
<a href="font-features-across-space-3.xht">font-features-across-space-3</a></strong></td>
<td><a href="reference/font-features-across-space-1-ref.xht">=</a> </td>
<td></td>
<td>ligatures should match across spaces
<ul class="assert">
<li>Ligature features should be handled across spaces with interacting font feature properties</li>
</ul>
</td>
</tr>
<tr id="font-variant-ligatures-6.4" class="primary">
<td><strong>
<a href="font-variant-ligatures.xht">font-variant-ligatures</a></strong></td>
<td><a href="reference/font-variant-ligatures-ref.xht">=</a> </td>
<td></td>
<td>feature value matching for font-variant-ligatures
<ul class="assert">
<li>Values of font-variant-ligatures should enable specific features without enabling others</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s6.4.#common-lig-values">
<!-- 0 tests -->
</tbody>
<tbody id="s6.4.#common-ligatures">
<!-- 0 tests -->
</tbody>
<tbody id="s6.4.#contextual">
<!-- 0 tests -->
</tbody>
<tbody id="s6.4.#contextual-alt-values">
<!-- 0 tests -->
</tbody>
<tbody id="s6.4.#discretionary-lig-values">
<!-- 0 tests -->
</tbody>
<tbody id="s6.4.#discretionary-ligatures">
<!-- 0 tests -->
</tbody>
<tbody id="s6.4.#font-variant-ligatures-none-value">
<!-- 0 tests -->
</tbody>
<tbody id="s6.4.#font-variant-ligatures-normal-value">
<!-- 0 tests -->
</tbody>
<tbody id="s6.4.#historical-lig-values">
<!-- 0 tests -->
</tbody>
<tbody id="s6.4.#historical-ligatures">
<!-- 0 tests -->
</tbody>
<tbody id="s6.4.#namefont-variant-ligaturesvaluenormal-no">
<!-- 0 tests -->
</tbody>
<tbody id="s6.4.#no-common-ligatures">
<!-- 0 tests -->
</tbody>
<tbody id="s6.4.#no-contextual">
<!-- 0 tests -->
</tbody>
<tbody id="s6.4.#no-discretionary-ligatures">
<!-- 0 tests -->
</tbody>
<tbody id="s6.4.#no-historical-ligatures">
<!-- 0 tests -->
</tbody>
<tbody id="s6.4.#propdef-font-variant-ligatures">
<!-- 0 tests -->
</tbody>
<tbody id="s6.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.5">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#font-variant-position-prop">6.5 Subscript and superscript forms: the font-variant-position property</a></th></tr>
<!-- 1 tests -->
<tr id="font-variant-position-6.5" class="primary">
<td><strong>
<a href="font-variant-position.xht">font-variant-position</a></strong></td>
<td><a href="reference/font-variant-position-ref.xht">=</a> </td>
<td></td>
<td>feature value matching for font-variant-position
<ul class="assert">
<li>Values of font-variant-position should enable specific features without enabling others</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s6.5.#font-variant-position-normal-value">
<!-- 0 tests -->
</tbody>
<tbody id="s6.5.#namefont-variant-positionvaluenormal-sub">
<!-- 0 tests -->
</tbody>
<tbody id="s6.5.#propdef-font-variant-position">
<!-- 0 tests -->
</tbody>
<tbody id="s6.5.#sub">
<!-- 0 tests -->
</tbody>
<tbody id="s6.5.#super">
<!-- 0 tests -->
</tbody>
<tbody id="s6.6">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.6">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#font-variant-caps-prop">6.6 Capitalization: the font-variant-caps property</a></th></tr>
<!-- 1 tests -->
<tr id="font-variant-caps-6.6" class="primary">
<td><strong>
<a href="font-variant-caps.xht">font-variant-caps</a></strong></td>
<td><a href="reference/font-variant-caps-ref.xht">=</a> </td>
<td></td>
<td>feature value matching for font-variant-caps
<ul class="assert">
<li>Values of font-variant-caps should enable specific features without enabling others</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s6.6.#all-petite-caps">
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.#all-small-caps">
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.#font-variant-caps-normal-value">
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.#namefont-variant-capsvaluenormal-small-c">
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.#petite-caps">
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.#propdef-font-variant-caps">
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.#small-caps">
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.#titling-caps">
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.#unicase">
<!-- 0 tests -->
</tbody>
<tbody id="s6.7">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.7">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#font-variant-numeric-prop">6.7 Numerical formatting: the font-variant-numeric property</a></th></tr>
<!-- 1 tests -->
<tr id="font-variant-numeric-6.7" class="primary">
<td><strong>
<a href="font-variant-numeric.xht">font-variant-numeric</a></strong></td>
<td><a href="reference/font-variant-numeric-ref.xht">=</a> </td>
<td></td>
<td>feature value matching for font-variant-numeric
<ul class="assert">
<li>Values of font-variant-numeric should enable specific features without enabling others</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s6.7.#diagonal-fractions">
<!-- 0 tests -->
</tbody>
<tbody id="s6.7.#font-variant-numeric-normal-value">
<!-- 0 tests -->
</tbody>
<tbody id="s6.7.#lining-nums">
<!-- 0 tests -->
</tbody>
<tbody id="s6.7.#namefont-variant-numericvaluenormal-ltnu">
<!-- 0 tests -->
</tbody>
<tbody id="s6.7.#numeric-figure-values">
<!-- 0 tests -->
</tbody>
<tbody id="s6.7.#numeric-fraction-values">
<!-- 0 tests -->
</tbody>
<tbody id="s6.7.#numeric-spacing-values">
<!-- 0 tests -->
</tbody>
<tbody id="s6.7.#oldstyle-nums">
<!-- 0 tests -->
</tbody>
<tbody id="s6.7.#ordinal">
<!-- 0 tests -->
</tbody>
<tbody id="s6.7.#ordinal-example">
<!-- 0 tests -->
</tbody>
<tbody id="s6.7.#propdef-font-variant-numeric">
<!-- 0 tests -->
</tbody>
<tbody id="s6.7.#proportional-nums">
<!-- 0 tests -->
</tbody>
<tbody id="s6.7.#slashed-zero">
<!-- 0 tests -->
</tbody>
<tbody id="s6.7.#stacked-fractions">
<!-- 0 tests -->
</tbody>
<tbody id="s6.7.#steak-marinade">
<!-- 0 tests -->
</tbody>
<tbody id="s6.7.#tabular-nums">
<!-- 0 tests -->
</tbody>
<tbody id="s6.8">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.8">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#font-variant-alternates-prop">6.8 Alternates and swashes: the font-variant-alternates property</a></th></tr>
<!-- 1 tests -->
<tr id="alternates-order-6.8" class="primary">
<td><strong>
<a href="alternates-order.xht">alternates-order</a></strong></td>
<td><a href="reference/alternates-order-ref.xht">=</a> </td>
<td></td>
<td>feature value matching for font-variant-alternates
<ul class="assert">
<li>Case and order of font family name or feature name should not affect alternate rendered</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s6.8.#annotation">
<!-- 0 tests -->
</tbody>
<tbody id="s6.8.#character-variant">
<!-- 0 tests -->
</tbody>
<tbody id="s6.8.#font-specific">
<!-- 0 tests -->
</tbody>
<tbody id="s6.8.#font-variant-alternates-normal-value">
<!-- 0 tests -->
</tbody>
<tbody id="s6.8.#historical-forms">
<!-- 0 tests -->
</tbody>
<tbody id="s6.8.#namefont-variant-alternatesvaluenormal-s">
<!-- 0 tests -->
</tbody>
<tbody id="s6.8.#ornaments">
<!-- 0 tests -->
</tbody>
<tbody id="s6.8.#propdef-font-variant-alternates">
<!-- 0 tests -->
</tbody>
<tbody id="s6.8.#styleset">
<!-- 0 tests -->
</tbody>
<tbody id="s6.8.#stylistic">
<!-- 0 tests -->
</tbody>
<tbody id="s6.8.#swash">
<!-- 0 tests -->
</tbody>
<tbody id="s6.9">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.9">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#font-feature-values">6.9 Defining font specific alternates: the @font-feature-values rule</a></th></tr>
<!-- 2 tests -->
<tr id="alternates-order-6.9" class="">
<td>
<a href="alternates-order.xht">alternates-order</a></td>
<td><a href="reference/alternates-order-ref.xht">=</a> </td>
<td></td>
<td>feature value matching for font-variant-alternates
<ul class="assert">
<li>Case and order of font family name or feature name should not affect alternate rendered</li>
</ul>
</td>
</tr>
<tr id="test_font_feature_values_parsing-6.9" class="primary script">
<td><strong>
<a href="test_font_feature_values_parsing.xht">test_font_feature_values_parsing</a></strong></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>@font-feature-values rule parsing tests
<ul class="assert">
<li>tests that valid @font-feature-values rules parse and invalid ones don't</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s6.9.#at-font-feature-values-rule">
<!-- 0 tests -->
</tbody>
<tbody id="s6.9.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.9.1">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#basic-syntax">6.9.1 Basic syntax</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.9.1.#featuretype">
<!-- 0 tests -->
</tbody>
<tbody id="s6.9.1.#featurevalueblock">
<!-- 0 tests -->
</tbody>
<tbody id="s6.9.1.#featurevaluedefinition">
<!-- 0 tests -->
</tbody>
<tbody id="s6.9.1.#fontfamilyname">
<!-- 0 tests -->
</tbody>
<tbody id="s6.9.1.#fontfamilynamelist">
<!-- 0 tests -->
</tbody>
<tbody id="s6.9.1.#fontfeaturevaluesrule">
<!-- 0 tests -->
</tbody>
<tbody id="s6.9.1.#fontfeaturevaluessym">
<!-- 0 tests -->
</tbody>
<tbody id="s6.9.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.9.2">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#multi-valued-feature-value-definitions">6.9.2 Multi-valued feature value definitions</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.10">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.10">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#font-variant-east-asian-prop">6.10 East Asian text rendering: the font-variant-east-asian property</a></th></tr>
<!-- 1 tests -->
<tr id="font-variant-east-asian-6.10" class="primary">
<td><strong>
<a href="font-variant-east-asian.xht">font-variant-east-asian</a></strong></td>
<td><a href="reference/font-variant-east-asian-ref.xht">=</a> </td>
<td></td>
<td>feature value matching for font-variant-east-asian
<ul class="assert">
<li>Values of font-variant-east-asian should enable specific features without enabling others</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s6.10.#east-asian-variant-values">
<!-- 0 tests -->
</tbody>
<tbody id="s6.10.#east-asian-width-values">
<!-- 0 tests -->
</tbody>
<tbody id="s6.10.#font-variant-east-asian-normal-value">
<!-- 0 tests -->
</tbody>
<tbody id="s6.10.#full-width">
<!-- 0 tests -->
</tbody>
<tbody id="s6.10.#jis04">
<!-- 0 tests -->
</tbody>
<tbody id="s6.10.#jis78">
<!-- 0 tests -->
</tbody>
<tbody id="s6.10.#jis83">
<!-- 0 tests -->
</tbody>
<tbody id="s6.10.#jis90">
<!-- 0 tests -->
</tbody>
<tbody id="s6.10.#namefont-variant-east-asianvaluenormal-l">
<!-- 0 tests -->
</tbody>
<tbody id="s6.10.#propdef-font-variant-east-asian">
<!-- 0 tests -->
</tbody>
<tbody id="s6.10.#proportional-width">
<!-- 0 tests -->
</tbody>
<tbody id="s6.10.#ruby">
<!-- 0 tests -->
</tbody>
<tbody id="s6.10.#simplified">
<!-- 0 tests -->
</tbody>
<tbody id="s6.10.#traditional">
<!-- 0 tests -->
</tbody>
<tbody id="s6.11">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.11">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop">6.11 Overall shorthand for font rendering: the font-variant property</a></th></tr>
<!-- 27 tests -->
<tr id="c524-font-var-000-6.11" class="">
<td>
<a href="c524-font-var-000.xht">c524-font-var-000</a></td>
<td></td>
<td></td>
<td>font-variant
</td>
</tr>
<tr id="c527-font-000-6.11" class="">
<td>
<a href="c527-font-000.xht">c527-font-000</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-004-6.11" class="">
<td>
<a href="c527-font-004.xht">c527-font-004</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-005-6.11" class="">
<td>
<a href="c527-font-005.xht">c527-font-005</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-006-6.11" class="">
<td>
<a href="c527-font-006.xht">c527-font-006</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-007-6.11" class="">
<td>
<a href="c527-font-007.xht">c527-font-007</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-008-6.11" class="">
<td>
<a href="c527-font-008.xht">c527-font-008</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-10-6.11" class="">
<td>
<a href="c527-font-10.xht">c527-font-10</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="font-variant-001-6.11" class="">
<td>
<a href="font-variant-001.xht">font-variant-001</a></td>
<td><a href="reference/font-variant-001-ref.xht">=</a> </td>
<td></td>
<td>Font-variant set to 'normal'
<ul class="assert">
<li>The 'font-variant' property set to 'normal' renders the typical characters for text for the font.</li>
</ul>
</td>
</tr>
<tr id="font-variant-002-6.11" class="">
<td>
<a href="font-variant-002.xht">font-variant-002</a></td>
<td></td>
<td></td>
<td>Font-variant set to 'small-caps'
<ul class="assert">
<li>The 'font-variant' property set to 'normal' renders the small-caps version of characters for text for the font.</li>
</ul>
</td>
</tr>
<tr id="font-variant-003-6.11" class="">
<td>
<a href="font-variant-003.xht">font-variant-003</a></td>
<td></td>
<td></td>
<td>Font-variant set to 'inherit'
<ul class="assert">
<li>The 'font-variant' property set to 'inherit' inherits is value from the patent element's value.</li>
</ul>
</td>
</tr>
<tr id="font-variant-004-6.11" class="">
<td>
<a href="font-variant-004.xht">font-variant-004</a></td>
<td></td>
<td></td>
<td>font-variant and color
<ul class="assert">
<li>if &amp;#8216;small-caps&amp;#8217; or &amp;#8216;all-small-caps&amp;#8217; is specified but small-caps glyphs are not available for a given font, user agents should simulate a small-caps font</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-001-6.11" class="">
<td>
<a href="font-variant-applies-to-001.xht">font-variant-applies-to-001</a></td>
<td></td>
<td></td>
<td>Font-variant and 'display: inline' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: inline' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-002-6.11" class="">
<td>
<a href="font-variant-applies-to-002.xht">font-variant-applies-to-002</a></td>
<td></td>
<td></td>
<td>Font-variant and 'display: block' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: block' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-003-6.11" class="">
<td>
<a href="font-variant-applies-to-003.xht">font-variant-applies-to-003</a></td>
<td></td>
<td></td>
<td>Font-variant and 'display: list-item' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: list-item' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-004-6.11" class="">
<td>
<a href="font-variant-applies-to-004.xht">font-variant-applies-to-004</a></td>
<td></td>
<td></td>
<td>Font-variant and 'display: run-in' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: run-in' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-005-6.11" class="">
<td>
<a href="font-variant-applies-to-005.xht">font-variant-applies-to-005</a></td>
<td></td>
<td></td>
<td>Font-variant and 'display: inline-block' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: inline-block' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-006-6.11" class="">
<td>
<a href="font-variant-applies-to-006.xht">font-variant-applies-to-006</a></td>
<td></td>
<td></td>
<td>Font-variant and 'display: table' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: table' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-007-6.11" class="">
<td>
<a href="font-variant-applies-to-007.xht">font-variant-applies-to-007</a></td>
<td></td>
<td></td>
<td>Font-variant and 'display: inline-table' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: inline-table' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-008-6.11" class="">
<td>
<a href="font-variant-applies-to-008.xht">font-variant-applies-to-008</a></td>
<td></td>
<td></td>
<td>Font-variant and 'display: table-row-group' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: table-row-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-009-6.11" class="">
<td>
<a href="font-variant-applies-to-009.xht">font-variant-applies-to-009</a></td>
<td></td>
<td></td>
<td>Font-variant and 'display: table-header-group' elements
<ul class="assert">
<li>The 'font-variant' property does not applies to 'display: table-header-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-010-6.11" class="">
<td>
<a href="font-variant-applies-to-010.xht">font-variant-applies-to-010</a></td>
<td></td>
<td></td>
<td>Font-variant and 'display: table-footer-group' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: table-footer-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-011-6.11" class="">
<td>
<a href="font-variant-applies-to-011.xht">font-variant-applies-to-011</a></td>
<td></td>
<td></td>
<td>Font-variant and 'display: table-row' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: table-row' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-014-6.11" class="">
<td>
<a href="font-variant-applies-to-014.xht">font-variant-applies-to-014</a></td>
<td></td>
<td></td>
<td>Font-variant and 'display: table-cell' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: table-cell' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-015-6.11" class="">
<td>
<a href="font-variant-applies-to-015.xht">font-variant-applies-to-015</a></td>
<td></td>
<td></td>
<td>Font-variant and 'display: table-caption' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: table-caption' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-016-6.11" class="">
<td>
<a href="font-variant-applies-to-016.xht">font-variant-applies-to-016</a></td>
<td><a href="reference/font-size-001-ref.xht">=</a> </td>
<td></td>
<td>'font-variant' and 'display: none' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: none' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-017-6.11" class="">
<td>
<a href="font-variant-applies-to-017.xht">font-variant-applies-to-017</a></td>
<td></td>
<td></td>
<td>Font-variant and 'display: inherit' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: inherit' elements.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s6.11.#font-variant-none-value">
<!-- 0 tests -->
</tbody>
<tbody id="s6.11.#font-variant-normal-value">
<!-- 0 tests -->
</tbody>
<tbody id="s6.11.#namefont-variantvaluenormal-none-ltcommo">
<!-- 0 tests -->
</tbody>
<tbody id="s6.11.#propdef-font-variant">
<!-- 0 tests -->
</tbody>
<tbody id="s6.12">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.12">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#font-feature-settings-prop">6.12 Low-level font feature settings control: the font-feature-settings property</a></th></tr>
<!-- 3 tests -->
<tr id="font-features-across-space-1-6.12" class="">
<td>
<a href="font-features-across-space-1.xht">font-features-across-space-1</a></td>
<td><a href="reference/font-features-across-space-1-ref.xht">=</a> </td>
<td></td>
<td>ligatures should match across spaces
<ul class="assert">
<li>Ligature features should be handled across spaces with font-feature-settings</li>
</ul>
</td>
</tr>
<tr id="font-features-across-space-2-6.12" class="">
<td>
<a href="font-features-across-space-2.xht">font-features-across-space-2</a></td>
<td><a href="reference/font-features-across-space-1-ref.xht">=</a> </td>
<td></td>
<td>ligatures should match across spaces
<ul class="assert">
<li>Ligature features should be handled across spaces with font-variant-ligatures</li>
</ul>
</td>
</tr>
<tr id="font-features-across-space-3-6.12" class="">
<td>
<a href="font-features-across-space-3.xht">font-features-across-space-3</a></td>
<td><a href="reference/font-features-across-space-1-ref.xht">=</a> </td>
<td></td>
<td>ligatures should match across spaces
<ul class="assert">
<li>Ligature features should be handled across spaces with interacting font feature properties</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s6.12.#feature-tag-value">
<!-- 0 tests -->
</tbody>
<tbody id="s6.12.#font-feature-settings-normal-value">
<!-- 0 tests -->
</tbody>
<tbody id="s6.12.#namefont-feature-settingsvaluenormal-ltf">
<!-- 0 tests -->
</tbody>
<tbody id="s6.12.#propdef-font-feature-settings">
<!-- 0 tests -->
</tbody>
<tbody id="s6.13">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.13">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#font-language-override-prop">6.13 Font language override: the font-language-override property</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.13.#font-language-override-normal-value">
<!-- 0 tests -->
</tbody>
<tbody id="s6.13.#font-language-override-string-value">
<!-- 0 tests -->
</tbody>
<tbody id="s6.13.#namefont-language-overridevaluenormal-lt">
<!-- 0 tests -->
</tbody>
<tbody id="s6.13.#propdef-font-language-override">
<!-- 0 tests -->
</tbody>
<tbody id="s6.13.#rendering-considerations">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,57 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Font Feature Resolution - CSS Fonts Module Level 3 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Fonts Module Level 3 CR Test Suite</h1>
<h2>Font Feature Resolution (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s7">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#font-feature-resolution">7 Font Feature Resolution</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.1">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#default-features">7.1 Default features</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.2">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#feature-precedence">7.2 Feature precedence</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.3">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#feature-precedence-examples">7.3 Feature precedence examples</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,204 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Object Model - CSS Fonts Module Level 3 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Fonts Module Level 3 CR Test Suite</h1>
<h2>Object Model (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s8">
<tr><th colspan="4" scope="rowgroup">
<a href="#s8">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#object-model">8 Object Model</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s8.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s8.1">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#om-fontface">8.1 The CSSFontFaceRule interface</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s8.1.#cssfontfacerule">
<!-- 0 tests -->
</tbody>
<tbody id="s8.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s8.2">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#om-fontfeaturevalues">8.2 The CSSFontFeatureValuesRule interface</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s8.2.#cssfontfeaturevaluesrule">
<!-- 0 tests -->
</tbody>
<tbody id="s.#AAT-FEATURES">
<!-- 0 tests -->
</tbody>
<tbody id="s.#ARABIC-TYPO">
<!-- 0 tests -->
</tbody>
<tbody id="s.#CHARMOD">
<!-- 0 tests -->
</tbody>
<tbody id="s.#CHARMOD-NORM">
<!-- 0 tests -->
</tbody>
<tbody id="s.#CJKV-INFO-PROCESSING">
<!-- 0 tests -->
</tbody>
<tbody id="s.#CORS">
<!-- 0 tests -->
</tbody>
<tbody id="s.#CSS21">
<!-- 0 tests -->
</tbody>
<tbody id="s.#CSS3-CONDITIONAL">
<!-- 0 tests -->
</tbody>
<tbody id="s.#CSS3TEXT">
<!-- 0 tests -->
</tbody>
<tbody id="s.#CSS3VAL">
<!-- 0 tests -->
</tbody>
<tbody id="s.#DIGITAL-TYPOGRAPHY">
<!-- 0 tests -->
</tbody>
<tbody id="s.#DOM-LEVEL-2-STYLE">
<!-- 0 tests -->
</tbody>
<tbody id="s.#ELEMTYPO">
<!-- 0 tests -->
</tbody>
<tbody id="s.#HTML5">
<!-- 0 tests -->
</tbody>
<tbody id="s.#LANGCULTTYPE">
<!-- 0 tests -->
</tbody>
<tbody id="s.#OPEN-FONT-FORMAT">
<!-- 0 tests -->
</tbody>
<tbody id="s.#OPENTYPE">
<!-- 0 tests -->
</tbody>
<tbody id="s.#OPENTYPE-FEATURES">
<!-- 0 tests -->
</tbody>
<tbody id="s.#OPENTYPE-FONT-GUIDE">
<!-- 0 tests -->
</tbody>
<tbody id="s.#RASTER-TRAGEDY">
<!-- 0 tests -->
</tbody>
<tbody id="s.#RFC2119">
<!-- 0 tests -->
</tbody>
<tbody id="s.#UAX15">
<!-- 0 tests -->
</tbody>
<tbody id="s.#UAX29">
<!-- 0 tests -->
</tbody>
<tbody id="s.#UNICODE">
<!-- 0 tests -->
</tbody>
<tbody id="s.#WINDOWS-GLYPH-PROC">
<!-- 0 tests -->
</tbody>
<tbody id="s.#abstract">
<!-- 0 tests -->
</tbody>
<tbody id="s.#acknowledgments">
<!-- 0 tests -->
</tbody>
<tbody id="s.#atrisk">
<!-- 0 tests -->
</tbody>
<tbody id="s.#authoring-tool">
<!-- 0 tests -->
</tbody>
<tbody id="s.#authors">
<!-- 0 tests -->
</tbody>
<tbody id="s.#ch-ch-ch-changes">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conformance">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conformance-classes">
<!-- 0 tests -->
</tbody>
<tbody id="s.#contents">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conventions">
<!-- 0 tests -->
</tbody>
<tbody id="s.#cr-exit-criteria">
<!-- 0 tests -->
</tbody>
<tbody id="s.#experimental">
<!-- 0 tests -->
</tbody>
<tbody id="s.#index">
<!-- 0 tests -->
</tbody>
<tbody id="s.#normative-references">
<!-- 0 tests -->
</tbody>
<tbody id="s.#other-references">
<!-- 0 tests -->
</tbody>
<tbody id="s.#partial">
<!-- 0 tests -->
</tbody>
<tbody id="s.#property-index">
<!-- 0 tests -->
</tbody>
<tbody id="s.#recent-changes">
<!-- 0 tests -->
</tbody>
<tbody id="s.#references">
<!-- 0 tests -->
</tbody>
<tbody id="s.#renderer">
<!-- 0 tests -->
</tbody>
<tbody id="s.#status">
<!-- 0 tests -->
</tbody>
<tbody id="s.#style-sheet">
<!-- 0 tests -->
</tbody>
<tbody id="s.#testing">
<!-- 0 tests -->
</tbody>
<tbody id="s.#w3c-candidate-recommendation-3-october-2">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,39 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Mapping platform font properties to CSS properties - CSS Fonts Module Level 3 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Fonts Module Level 3 CR Test Suite</h1>
<h2>Mapping platform font properties to CSS properties (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="sA">
<tr><th colspan="4" scope="rowgroup">
<a href="#sA">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#platform-props-to-css">A Mapping platform font properties to CSS properties</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,48 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set using the values font-size and font-family</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-001"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' shorthand property accepts and sets font-size and font-family." />
<style type="text/css">
#wrapper
{
position: relative;
}
#test
{
font: 1in Ahem;
line-height: 1em;
}
#reference
{
background: black;
height: 1in;
left: 1.1in;
position: absolute;
top: 0;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there are two boxes on the page and they are the same height.</p>
<div id="wrapper">
<div id="test">X</div>
<div id="reference"></div>
</div>
</body>
</html>

View file

@ -0,0 +1,48 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set using the values font-style, font-size and font-family</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-002"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' shorthand property accepts and sets font-style, font-size and font-family." />
<style type="text/css">
#wrapper
{
position: relative;
}
#test
{
font: italic 1in Ahem;
line-height: 1em;
}
#reference
{
background: black;
height: 1in;
left: 1.4in;
position: absolute;
top: 0;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there are two boxes on the page and they are the same height. One box needs to be slanted to one side.</p>
<div id="wrapper">
<div id="test">X</div>
<div id="reference"></div>
</div>
</body>
</html>

View file

@ -0,0 +1,36 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set using the values font-variant, font-size and font-family</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-003"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="" />
<meta name="assert" content="The 'font' shorthand property accepts and sets font-variant, font-size and font-family." />
<style type="text/css">
div
{
font: 1in serif;
}
span
{
font: small-caps 1in serif;
line-height: 1em;
}
</style>
</head>
<body>
<p>Test passes if letters "E" below are larger than this text, are capitalized, and if the left "E" is smaller than the right "E".</p>
<div><span>e</span>E</div>
</body>
</html>

View file

@ -0,0 +1,47 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set using the values font-weight, font-size and font-family</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-004"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' shorthand property accepts and sets font-weight, font-size and font-family." />
<style type="text/css">
#wrapper
{
background: red;
float: left;
}
#test
{
color: green;
font: normal 1in Ahem;
line-height: 1em;
}
#reference
{
background: green;
height: 1in;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<div id="wrapper">
<div id="test">X</div>
<div id="reference"></div>
</div>
</body>
</html>

View file

@ -0,0 +1,52 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set using the values font-style, font-variant, font-size and font-family</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-005"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="" />
<meta name="assert" content="The 'font' shorthand property accepts and sets font-style, font-variant, font-size and font-family." />
<style type="text/css">
#wrapper
{
position: relative;
}
#test
{
font: italic small-caps 1in serif;
line-height: 1em;
position: absolute;
}
#reference
{
color: orange;
font-family: serif;
font-size: 1in;
height: 1in;
left: 0;
line-height: 1em;
position: absolute;
top: 0;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if the first black "x" is taller and wider than the first orange "x" and shorter than the second orange "X". The second black "X" needs to be the same height as the second orange "X". The black "1" need to also slant to one side.</p>
<div id="wrapper">
<div id="reference">xX1</div>
<div id="test">xX1</div>
</div>
</body>
</html>

View file

@ -0,0 +1,54 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set using the values font-style, font-weight, font-size and font-family</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-006"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' shorthand property accepts and sets font-style, font-weight, font-size and font-family." />
<style type="text/css">
#wrapper
{
position: relative;
}
#test
{
font: italic bold 1in Ahem;
line-height: 1em;
position: absolute;
}
#reference
{
color: red;
font-family: Ahem;
font-size: 1in;
font-style: italic;
font-weight: bold;
height: 1in;
left: 0;
line-height: 1em;
position: absolute;
top: 0;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page except for antialiasing.</p>
<div id="wrapper">
<div id="reference">x</div>
<div id="test">x</div>
</div>
</body>
</html>

View file

@ -0,0 +1,54 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set using the values font-variant, font-style, font-size and font-family</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-007"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' shorthand property accepts and sets font-variant, font-style, font-size and font-family." />
<style type="text/css">
#wrapper
{
position: relative;
}
#test
{
font: small-caps italic 1in Ahem;
line-height: 1em;
position: absolute;
}
#reference
{
color: red;
font-family: Ahem;
font-size: 1in;
font-style: italic;
font-variant: small-caps;
height: 1in;
left: 0;
line-height: 1em;
position: absolute;
top: 0;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<div id="wrapper">
<div id="reference">x</div>
<div id="test">x</div>
</div>
</body>
</html>

View file

@ -0,0 +1,54 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set using the values font-variant, font-weight, font-size and font-family</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-008"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' shorthand property accepts and sets font-variant, font-weight, font-size and font-family." />
<style type="text/css">
#wrapper
{
position: relative;
}
#test
{
font: small-caps bold 1in Ahem;
line-height: 1em;
position: absolute;
}
#reference
{
color: red;
font-family: Ahem;
font-size: 1in;
font-variant: small-caps;
font-weight: bold;
height: 1in;
left: 0;
line-height: 1em;
position: absolute;
top: 0;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<div id="wrapper">
<div id="reference">x</div>
<div id="test">x</div>
</div>
</body>
</html>

View file

@ -0,0 +1,54 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set using the values font-weight, font-style, font-size and font-family</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-009"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' shorthand property accepts and sets font-weight, font-style, font-size and font-family." />
<style type="text/css">
#wrapper
{
position: relative;
}
#test
{
font: bold italic 1in Ahem;
line-height: 1em;
position: absolute;
}
#reference
{
color: red;
font-family: Ahem;
font-size: 1in;
font-style: italic;
font-weight: bold;
height: 1in;
left: 0;
line-height: 1em;
position: absolute;
top: 0;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page except for antialiasing.</p>
<div id="wrapper">
<div id="reference">x</div>
<div id="test">x</div>
</div>
</body>
</html>

View file

@ -0,0 +1,54 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set using the values font-weight, font-variant, font-size and font-family</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-010"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' shorthand property accepts and sets font-weight, font-variant, font-size and font-family." />
<style type="text/css">
#wrapper
{
position: relative;
}
#test
{
font: bold small-caps 1in Ahem;
line-height: 1em;
position: absolute;
}
#reference
{
color: red;
font-family: Ahem;
font-size: 1in;
font-variant: small-caps;
font-weight: bold;
height: 1in;
left: 0;
line-height: 1em;
position: absolute;
top: 0;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<div id="wrapper">
<div id="reference">x</div>
<div id="test">x</div>
</div>
</body>
</html>

View file

@ -0,0 +1,55 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set using the values font-style, font-variant, font-weight, font-size and font-family</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-011"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-size and font-family." />
<style type="text/css">
#wrapper
{
position: relative;
}
#test
{
font: italic small-caps bold 1in Ahem;
line-height: 1em;
position: absolute;
}
#reference
{
color: red;
font-family: Ahem;
font-size: 1in;
font-style: italic;
font-variant: small-caps;
font-weight: bold;
height: 1in;
left: 0;
line-height: 1em;
position: absolute;
top: 0;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page except for antialiasing.</p>
<div id="wrapper">
<div id="reference">x</div>
<div id="test">x</div>
</div>
</body>
</html>

View file

@ -0,0 +1,55 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set using the values font-style, font-weight, font-variant, font-size and font-family</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-012"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' shorthand property accepts and sets font-style, font-weight, font-variant, font-size and font-family." />
<style type="text/css">
#wrapper
{
position: relative;
}
#test
{
font: italic bold small-caps 1in Ahem;
line-height: 1em;
position: absolute;
}
#reference
{
color: red;
font-family: Ahem;
font-size: 1in;
font-style: italic;
font-variant: small-caps;
font-weight: bold;
height: 1in;
left: 0;
line-height: 1em;
position: absolute;
top: 0;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page except for antialiasing.</p>
<div id="wrapper">
<div id="reference">x</div>
<div id="test">x</div>
</div>
</body>
</html>

View file

@ -0,0 +1,55 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set using the values font-variant, font-style, font-weight, font-size and font-family</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-013"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' shorthand property accepts and sets font-variant, font-style, font-weight, font-size and font-family." />
<style type="text/css">
#wrapper
{
position: relative;
}
#test
{
font: small-caps italic bold 1in Ahem;
line-height: 1em;
position: absolute;
}
#reference
{
color: red;
font-family: Ahem;
font-size: 1in;
font-style: italic;
font-variant: small-caps;
font-weight: bold;
height: 1in;
left: 0;
line-height: 1em;
position: absolute;
top: 0;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page except for antialiasing.</p>
<div id="wrapper">
<div id="reference">x</div>
<div id="test">x</div>
</div>
</body>
</html>

View file

@ -0,0 +1,55 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set using the values font-variant, font-weight, font-style, font-size and font-family</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-014"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-style, font-size and font-family." />
<style type="text/css">
#wrapper
{
position: relative;
}
#test
{
font: small-caps bold italic 1in Ahem;
line-height: 1em;
position: absolute;
}
#reference
{
color: red;
font-family: Ahem;
font-size: 1in;
font-style: italic;
font-variant: small-caps;
font-weight: bold;
height: 1in;
left: 0;
line-height: 1em;
position: absolute;
top: 0;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page except for antialiasing.</p>
<div id="wrapper">
<div id="reference">x</div>
<div id="test">x</div>
</div>
</body>
</html>

View file

@ -0,0 +1,55 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set using the values font-weight, font-style, font-variant, font-size and font-family</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-015"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' shorthand property accepts and sets font-weight, font-style, font-variant, font-size and font-family." />
<style type="text/css">
#wrapper
{
position: relative;
}
#test
{
font: bold italic small-caps 1in Ahem;
line-height: 1em;
position: absolute;
}
#reference
{
color: red;
font-family: Ahem;
font-size: 1in;
font-style: italic;
font-variant: small-caps;
font-weight: bold;
height: 1in;
left: 0;
line-height: 1em;
position: absolute;
top: 0;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page except for antialiasing.</p>
<div id="wrapper">
<div id="reference">x</div>
<div id="test">x</div>
</div>
</body>
</html>

View file

@ -0,0 +1,55 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set using the values font-weight, font-variant, font-style, font-size and font-family</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-016"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' shorthand property accepts and sets font-weight, font-variant, font-style, font-size and font-family." />
<style type="text/css">
#wrapper
{
position: relative;
}
#test
{
font: bold small-caps italic 1in Ahem;
line-height: 1em;
position: absolute;
}
#reference
{
color: red;
font-family: Ahem;
font-size: 1in;
font-style: italic;
font-variant: small-caps;
font-weight: bold;
height: 1in;
left: 0;
line-height: 1em;
position: absolute;
top: 0;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page except for antialiasing.</p>
<div id="wrapper">
<div id="reference">x</div>
<div id="test">x</div>
</div>
</body>
</html>

View file

@ -0,0 +1,48 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set using the values font-size, line-height and font-family</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-017"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-26 -->
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' shorthand property accepts and sets font-size, line-height and font-family." />
<style type="text/css">
#wrapper
{
position: relative;
}
#test
{
font: 100px/1 Ahem;
}
#reference
{
background: black;
height: 100px;
left: 110px;
position: absolute;
top: 0;
width: 100px;
}
</style>
</head>
<body>
<p>Test passes if the 2 squares have the same height and if their tops line up.</p>
<div id="wrapper">
<div id="test">X</div>
<div id="reference"></div>
</div>
</body>
</html>

View file

@ -0,0 +1,47 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set using the values font-style, font-size, line-height and font-family</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-018"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' shorthand property accepts and sets font-style, font-size, line-height and font-family." />
<style type="text/css">
#wrapper
{
position: relative;
}
#test
{
font: italic 1in/1em Ahem;
}
#reference
{
background: black;
height: 1in;
left: 1.4in;
position: absolute;
top: 0;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there are two boxes on the page, they are the same height, the top of both boxes line up and one box slants to one side.</p>
<div id="wrapper">
<div id="test">X</div>
<div id="reference"></div>
</div>
</body>
</html>

View file

@ -0,0 +1,50 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set using the values font-variant, font-size, line-height and font-family</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-019"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="" />
<meta name="assert" content="The 'font' shorthand property accepts and sets font-variant, font-size, line-height and font-family." />
<style type="text/css">
#wrapper
{
position: relative;
}
#test
{
font: small-caps 1in/1em serif;
}
#reference
{
color: orange;
font-family: serif;
font-size: 1in;
height: 1in;
left: 0;
line-height: 1em;
position: absolute;
top: 0;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if the first black "x" is taller and wider than the first orange "x" and shorter than the second orange "X". The second black "X" needs to be the same height as the second orange "X".</p>
<div id="wrapper">
<div id="test">xX</div>
<div id="reference">xX</div>
</div>
</body>
</html>

View file

@ -0,0 +1,47 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set using the values font-weight, font-size, line-height and font-family</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-020"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-26 -->
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' shorthand property accepts and sets font-weight, font-size, line-height and font-family." />
<style type="text/css">
#wrapper
{
background: red;
float: left;
}
#test
{
color: green;
font: normal 100px/1 Ahem;
}
#reference
{
background: green;
height: 100px;
width: 100px;
}
</style>
</head>
<body>
<p>Test passes if there is <strong>no red</strong>.</p>
<div id="wrapper">
<div id="test">X</div>
<div id="reference"></div>
</div>
</body>
</html>

View file

@ -0,0 +1,51 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set using the values font-style, font-variant, font-size, line-height and font-family</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-021"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="" />
<meta name="assert" content="The 'font' shorthand property accepts and sets font-style, font-variant, font-size, line-height and font-family." />
<style type="text/css">
#wrapper
{
position: relative;
}
#test
{
font: italic small-caps 1in/1em serif;
position: absolute;
}
#reference
{
color: orange;
font-family: serif;
font-size: 1in;
height: 1in;
left: 0;
line-height: 1em;
position: absolute;
top: 0;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if the first black "x" is taller and wider than the first orange "x" and shorter than the second orange "X". The second black "X" needs to be the same height as the second orange "X". The black "1" needs to slant to one side.</p>
<div id="wrapper">
<div id="reference">xX1</div>
<div id="test">xX1</div>
</div>
</body>
</html>

View file

@ -0,0 +1,54 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set using the values font-style, font-weight, font-size, line-height and font-family</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-022"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-26 -->
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' shorthand property accepts and sets font-style, font-weight, font-size, line-height and font-family." />
<style type="text/css">
#wrapper
{
position: relative;
}
#test
{
font: italic bold 1in/1em Ahem;
position: absolute;
}
#reference
{
color: red;
font-family: Ahem;
font-size: 1in;
font-style: italic;
font-weight: bold;
height: 1in;
left: 0;
line-height: 1em;
position: absolute;
top: 0;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there is no red except for antialiasing.</p>
<div id="wrapper">
<div id="reference">x</div>
<div id="test">x</div>
</div>
</body>
</html>

View file

@ -0,0 +1,54 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set using the values font-variant, font-style, font-size, line-height and font-family</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-023"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-26 -->
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' shorthand property accepts and sets font-variant, font-style, font-size, line-height and font-family." />
<style type="text/css">
#wrapper
{
position: relative;
}
#test
{
font: small-caps italic 1in/1em Ahem;
position: absolute;
}
#reference
{
color: red;
font-family: Ahem;
font-size: 1in;
font-style: italic;
font-variant: small-caps;
height: 1in;
left: 0;
line-height: 1em;
position: absolute;
top: 0;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there is <strong>no red</strong>.</p>
<div id="wrapper">
<div id="reference">x</div>
<div id="test">x</div>
</div>
</body>
</html>

View file

@ -0,0 +1,54 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set using the values font-variant, font-weight, font-size, line-height and font-family</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-024"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-26 -->
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' shorthand property accepts and sets font-variant, font-weight, font-size, line-height and font-family." />
<style type="text/css">
#wrapper
{
position: relative;
}
#test
{
font: small-caps bold 1in/1em Ahem;
position: absolute;
}
#reference
{
color: red;
font-family: Ahem;
font-size: 1in;
font-variant: small-caps;
font-weight: bold;
height: 1in;
left: 0;
line-height: 1em;
position: absolute;
top: 0;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there is <strong>no red</strong>.</p>
<div id="wrapper">
<div id="reference">x</div>
<div id="test">x</div>
</div>
</body>
</html>

View file

@ -0,0 +1,53 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set using the values font-weight, font-style, font-size, line-height and font-family</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-025"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' shorthand property accepts and sets font-weight, font-style, font-size, line-height and font-family." />
<style type="text/css">
#wrapper
{
position: relative;
}
#test
{
font: bold italic 1in/1em Ahem;
position: absolute;
}
#reference
{
color: red;
font-family: Ahem;
font-size: 1in;
font-style: italic;
font-weight: bold;
height: 1in;
left: 0;
line-height: 1em;
position: absolute;
top: 0;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there is no red except for antialiasing.</p>
<div id="wrapper">
<div id="reference">x</div>
<div id="test">x</div>
</div>
</body>
</html>

View file

@ -0,0 +1,54 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set using the values font-weight, font-variant, font-size, line-height and font-family</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-026"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-26 -->
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' shorthand property accepts and sets font-weight, font-variant, font-size, line-height and font-family." />
<style type="text/css">
#wrapper
{
position: relative;
}
#test
{
font: bold small-caps 1in/1em Ahem;
position: absolute;
}
#reference
{
color: red;
font-family: Ahem;
font-size: 1in;
font-variant: small-caps;
font-weight: bold;
height: 1in;
left: 0;
line-height: 1em;
position: absolute;
top: 0;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there is <strong>no red</strong>.</p>
<div id="wrapper">
<div id="reference">x</div>
<div id="test">x</div>
</div>
</body>
</html>

View file

@ -0,0 +1,55 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set using the values font-style, font-variant, font-weight, font-size, line-height and font-family</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-027"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-26 -->
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-size, line-height and font-family." />
<style type="text/css">
#wrapper
{
position: relative;
}
#test
{
font: italic small-caps bold 1in/1em Ahem;
position: absolute;
}
#reference
{
color: red;
font-family: Ahem;
font-size: 1in;
font-style: italic;
font-variant: small-caps;
font-weight: bold;
height: 1in;
left: 0;
line-height: 1em;
position: absolute;
top: 0;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there is no red except for antialiasing.</p>
<div id="wrapper">
<div id="reference">x</div>
<div id="test">x</div>
</div>
</body>
</html>

View file

@ -0,0 +1,55 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set using the values font-style, font-weight, font-variant, font-size, line-height and font-family</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-028"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-26 -->
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' shorthand property accepts and sets font-style, font-weight, font-variant, font-size, line-height and font-family." />
<style type="text/css">
#wrapper
{
position: relative;
}
#test
{
font: italic bold small-caps 1in/1em Ahem;
position: absolute;
}
#reference
{
color: red;
font-family: Ahem;
font-size: 1in;
font-style: italic;
font-variant: small-caps;
font-weight: bold;
height: 1in;
left: 0;
line-height: 1em;
position: absolute;
top: 0;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there is no red except for antialiasing.</p>
<div id="wrapper">
<div id="reference">x</div>
<div id="test">x</div>
</div>
</body>
</html>

View file

@ -0,0 +1,54 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set using the values font-variant, font-style, font-weight, font-size, line-height and font-family</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-029"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' shorthand property accepts and sets font-variant, font-style, font-weight, font-size, line-height and font-family." />
<style type="text/css">
#wrapper
{
position: relative;
}
#test
{
font: small-caps italic bold 1in/1em Ahem;
position: absolute;
}
#reference
{
color: red;
font-family: Ahem;
font-size: 1in;
font-style: italic;
font-variant: small-caps;
font-weight: bold;
height: 1in;
left: 0;
line-height: 1em;
position: absolute;
top: 0;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page except for antialiasing.</p>
<div id="wrapper">
<div id="reference">x</div>
<div id="test">x</div>
</div>
</body>
</html>

View file

@ -0,0 +1,54 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set using the values font-variant, font-weight, font-style, font-size, line-height and font-family</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-030"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-style, font-size, line-height and font-family." />
<style type="text/css">
#wrapper
{
position: relative;
}
#test
{
font: small-caps bold italic 1in/1em Ahem;
position: absolute;
}
#reference
{
color: red;
font-family: Ahem;
font-size: 1in;
font-style: italic;
font-variant: small-caps;
font-weight: bold;
height: 1in;
left: 0;
line-height: 1em;
position: absolute;
top: 0;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page except for antialiasing.</p>
<div id="wrapper">
<div id="reference">x</div>
<div id="test">x</div>
</div>
</body>
</html>

View file

@ -0,0 +1,54 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set using the values font-weight, font-style, font-variant, font-size, line-height and font-family</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-031"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' shorthand property accepts and sets font-weight, font-style, font-variant, font-size, line-height and font-family." />
<style type="text/css">
#wrapper
{
position: relative;
}
#test
{
font: bold italic small-caps 1in/1em Ahem;
position: absolute;
}
#reference
{
color: red;
font-family: Ahem;
font-size: 1in;
font-style: italic;
font-variant: small-caps;
font-weight: bold;
height: 1in;
left: 0;
line-height: 1em;
position: absolute;
top: 0;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page except for antialiasing.</p>
<div id="wrapper">
<div id="reference">x</div>
<div id="test">x</div>
</div>
</body>
</html>

View file

@ -0,0 +1,54 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set using the values font-weight, font-variant, font-style, font-size, line-height and font-family</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-032"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' shorthand property accepts and sets font-weight, font-variant, font-style, font-size, line-height and font-family." />
<style type="text/css">
#wrapper
{
position: relative;
}
#test
{
font: bold small-caps italic 1in/1em Ahem;
position: absolute;
}
#reference
{
color: red;
font-family: Ahem;
font-size: 1in;
font-style: italic;
font-variant: small-caps;
font-weight: bold;
height: 1in;
left: 0;
line-height: 1em;
position: absolute;
top: 0;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page except for antialiasing.</p>
<div id="wrapper">
<div id="reference">x</div>
<div id="test">x</div>
</div>
</body>
</html>

View file

@ -0,0 +1,32 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font set to the keyword 'caption'</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-033"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' property set to 'caption' correctly uses the system setting." />
<style type="text/css">
div
{
font: 20px/1 Ahem;
font: caption;
}
</style>
</head>
<body>
<p>Test passes if there is a letter "X" below.</p>
<div>X</div>
</body>
</html>

View file

@ -0,0 +1,32 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font set to the keyword 'icon'</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-034"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' property set to 'icon' correctly uses the system setting." />
<style type="text/css">
div
{
font: 20px/1 Ahem;
font: icon;
}
</style>
</head>
<body>
<p>Test passes if there is a letter "X" below.</p>
<div>X</div>
</body>
</html>

View file

@ -0,0 +1,32 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font set to the keyword 'menu'</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-035"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' property set to 'menu' correctly uses the system setting." />
<style type="text/css">
div
{
font: 20px/1 Ahem;
font: menu;
}
</style>
</head>
<body>
<p>Test passes if there is a letter "X" below.</p>
<div>X</div>
</body>
</html>

View file

@ -0,0 +1,32 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font set to the keyword 'message-box'</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-036"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' property set to 'message-box' correctly uses the system setting." />
<style type="text/css">
div
{
font: 20px/1 Ahem;
font: message-box;
}
</style>
</head>
<body>
<p>Test passes if there is a letter "X" below.</p>
<div>X</div>
</body>
</html>

View file

@ -0,0 +1,32 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font set to the keyword 'small-caption'</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-037"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' property set to 'small-caption' correctly uses the system setting." />
<style type="text/css">
div
{
font: 20px/1 Ahem;
font: small-caption;
}
</style>
</head>
<body>
<p>Test passes if there is a letter "X" below.</p>
<div>X</div>
</body>
</html>

View file

@ -0,0 +1,32 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font set to the keyword 'status-bar'</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-038"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' property set to 'status-bar' correctly uses the system setting." />
<style type="text/css">
div
{
font: 20px/1 Ahem;
font: status-bar;
}
</style>
</head>
<body>
<p>Test passes if there is a letter "X" below.</p>
<div>X</div>
</body>
</html>

View file

@ -0,0 +1,50 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set to 'inherit' inheriting two values</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-039"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' shorthand property set to 'inherit' inherits the parent element's values." />
<style type="text/css">
#wrapper
{
font: 1in Ahem;
position: relative;
}
#test
{
font: 0 Ahem;
font: inherit;
line-height: 1em;
}
#reference
{
background: black;
height: 1in;
left: 1.1in;
position: absolute;
top: 0;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there are two boxes on the page and they are the same height.</p>
<div id="wrapper">
<div id="test">X</div>
<div id="reference"></div>
</div>
</body>
</html>

View file

@ -0,0 +1,50 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set to 'inherit' inheriting three values</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-040"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' shorthand property set to 'inherit' inherits the parent element's values." />
<style type="text/css">
#wrapper
{
font: italic 1in Ahem;
position: relative;
}
#test
{
font: 0 Ahem;
font: inherit;
line-height: 1em;
}
#reference
{
background: black;
height: 1in;
left: 1.4in;
position: absolute;
top: 0;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there are two boxes on the page and they are the same height. One box needs to be slanted to one side.</p>
<div id="wrapper">
<div id="test">X</div>
<div id="reference"></div>
</div>
</body>
</html>

View file

@ -0,0 +1,54 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set to 'inherit' inheriting four values</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-041"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' shorthand property set to 'inherit' inherits the parent element's values." />
<style type="text/css">
#wrapper
{
font: italic small-caps 1in serif;
position: relative;
}
#test
{
font: 0 Ahem;
font: inherit;
line-height: 1em;
position: absolute;
}
#reference
{
color: red;
font-family: serif;
font-size: 1in;
height: 1in;
left: 0;
line-height: 1em;
position: absolute;
top: 0;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<div id="wrapper">
<div id="reference">xX1</div>
<div id="test">xX1</div>
</div>
</body>
</html>

View file

@ -0,0 +1,57 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set to 'inherit' inheriting five values</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-042"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' shorthand property set to 'inherit' inherits the parent element's values." />
<style type="text/css">
#wrapper
{
font: italic small-caps bold 1in Ahem;
position: relative;
}
#test
{
font: 0 Ahem;
font: inherit;
line-height: 1em;
position: absolute;
}
#reference
{
color: red;
font-family: Ahem;
font-size: 1in;
font-style: italic;
font-variant: small-caps;
font-weight: bold;
height: 1in;
left: 0;
line-height: 1em;
position: absolute;
top: 0;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page except for antialiasing.</p>
<div id="wrapper">
<div id="reference">x</div>
<div id="test">x</div>
</div>
</body>
</html>

View file

@ -0,0 +1,56 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font shorthand set to 'inherit' inheriting six values</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-043"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<meta name="assert" content="The 'font' shorthand property set to 'inherit' inherits the parent element's values." />
<style type="text/css">
#wrapper
{
font: italic small-caps bold 1in/1em Ahem;
position: relative;
}
#test
{
font: 0 Ahem;
font: inherit;
position: absolute;
}
#reference
{
color: red;
font-family: Ahem;
font-size: 1in;
font-style: italic;
font-variant: small-caps;
font-weight: bold;
height: 1in;
left: 0;
line-height: 1em;
position: absolute;
top: 0;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page except for antialiasing.</p>
<div id="wrapper">
<div id="reference">x</div>
<div id="test">x</div>
</div>
</body>
</html>

View file

@ -0,0 +1,53 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: font - system fonts</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-044"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta content="ahem" name="flags" />
<meta content="A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually" name="assert" />
<style type="text/css"><![CDATA[
div
{
background-color: red;
color: white;
display: inline-block;
font: 40px/1 Ahem;
}
span
{
background-color: white;
color: green;
font: message-box;
font-size: 40px;
line-height: 1;
}
]]></style>
</head>
<body>
<p>Test passes if there is <strong>no red</strong>.</p>
<div>
<span>Text sample</span>
</div>
</body>
</html>

View file

@ -0,0 +1,52 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: font - inherit keyword value</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-045"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/changes.html#q142" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta content="ahem invalid" name="flags" />
<meta content="The inherit keyword value cannot mix with other subproperty values" name="assert" />
<style type="text/css"><![CDATA[
div
{
background-color: red;
color: white;
font: 160px/1 Ahem;
width: 4em;
}
span
{
background-color: white;
color: green;
font: 40px inherit;
}
]]></style>
</head>
<body>
<p>Test passes if there is a large green rectangle and <strong>no red</strong>.</p>
<div>
<span>XXXX</span>
</div>
</body>
</html>

View file

@ -0,0 +1,53 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: font - system fonts</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-046"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta content="ahem" name="flags" />
<meta content="A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually" name="assert" />
<style type="text/css"><![CDATA[
div
{
background-color: red;
color: white;
display: inline-block;
font: 40px/1 Ahem;
}
span
{
background-color: white;
color: green;
font: caption;
font-size: 40px;
line-height: 1;
}
]]></style>
</head>
<body>
<p>Test passes if there is <strong>no red</strong>.</p>
<div>
<span>Text sample</span>
</div>
</body>
</html>

View file

@ -0,0 +1,53 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: font - system fonts</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-047"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta content="ahem" name="flags" />
<meta name="assert" content="A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually" />
<style type="text/css"><![CDATA[
div
{
background-color: red;
color: white;
display: inline-block;
font: 40px/1 Ahem;
}
span
{
background-color: white;
color: green;
font: icon;
font-size: 40px;
line-height: 1;
}
]]></style>
</head>
<body>
<p>Test passes if there is <strong>no red</strong>.</p>
<div>
<span>Text sample</span>
</div>
</body>
</html>

View file

@ -0,0 +1,53 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: font - system fonts</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-048"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta content="ahem" name="flags" />
<meta name="assert" content="A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually" />
<style type="text/css"><![CDATA[
div
{
background-color: red;
color: white;
display: inline-block;
font: 40px/1 Ahem;
}
span
{
background-color: white;
color: green;
font: menu;
font-size: 40px;
line-height: 1;
}
]]></style>
</head>
<body>
<p>Test passes if there is <strong>no red</strong>.</p>
<div>
<span>Text sample</span>
</div>
</body>
</html>

View file

@ -0,0 +1,53 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: font - system fonts</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-049"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta content="ahem" name="flags" />
<meta name="assert" content="A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually" />
<style type="text/css"><![CDATA[
div
{
background-color: red;
color: white;
display: inline-block;
font: 40px/1 Ahem;
}
span
{
background-color: white;
color: green;
font: small-caption;
font-size: 40px;
line-height: 1;
}
]]></style>
</head>
<body>
<p>Test passes if there is <strong>no red</strong>.</p>
<div>
<span>Text sample</span>
</div>
</body>
</html>

View file

@ -0,0 +1,53 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: font - system fonts</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-050"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta content="ahem" name="flags" />
<meta name="assert" content="A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually" />
<style type="text/css"><![CDATA[
div
{
background-color: red;
color: white;
display: inline-block;
font: 40px/1 Ahem;
}
span
{
background-color: white;
color: green;
font: status-bar;
font-size: 40px;
line-height: 1;
}
]]></style>
</head>
<body>
<p>Test passes if there is <strong>no red</strong>.</p>
<div>
<span>Text sample</span>
</div>
</body>
</html>

View file

@ -0,0 +1,59 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: font shorthand - minimal requirements</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-051"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" title="15.8 Shorthand font property" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" title="3.7 Shorthand font property: the font property" />
<link rel="match" href="reference/font-051-ref.xht" />
<meta content="ahem invalid" name="flags" />
<meta content="Font shorthand requires at minimum 2 font subproperties (unless resorting to a system font): font-size and font-family." name="assert" />
<style type="text/css"><![CDATA[
div {font: 100px/1 Ahem;}
span {font: serif;}
]]></style>
</head>
<body>
<p>Test passes if there is a filled black rectangle.</p>
<div>
<span>FAIL</span>
</div>
<!--
'font'
Value: [ [ <'font-style'> || <'font-variant'> || <'font-weight'>
]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption
| icon | menu | message-box | small-caption | status-bar | inherit
http://www.w3.org/TR/CSS21/fonts.html#font-shorthand
A bar (|) separates two or more alternatives: exactly one of them
must occur.
A double bar (||) separates two or more options: one or more of
them must occur, in any order.
Brackets ([ ]) are for grouping.
A question mark (?) indicates that the preceding type, word, or
group is optional.
http://www.w3.org/TR/CSS21/about.html#value-defs
-->
</body>
</html>

View file

@ -0,0 +1,127 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: font shorthand - reserved keywords</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-052"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="author" title="John Daggett" href="jdaggett@mozilla.com" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" title="3.7 Shorthand font property: the font property" />
<link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012May/0878.html" title="Re: [css2.1][css3-fonts] keywords in unquoted font family names" />
<meta content="font" name="flags" />
<meta content="This test verifies different valid and invalid font shorthand declarations involving reserved keywords (caption, inherit)." name="assert" />
<style type="text/css"><![CDATA[
p
{
font-size: 1.5em;
font-family: serif;
}
span#verify1 {font-family: "CSSTest Verify";}
div#verify {font-size: 1.5em;}
div
{
font-size: 2.5em;
line-height: 1.5;
}
/*
font shorthand syntax in CSS 2.1:
Value: [ [ <'font-style'> || <'font-variant'> || <'font-weight'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar | inherit
Brackets ([ ]) are for grouping.
A double bar (||) separates two or more options: one or more of them must occur, in any order.
A question mark (?) indicates that the preceding type, word, or group is optional.
A bar (|) separates two or more alternatives: exactly one of them must occur.
Section 1.4.2.1 Value
http://www.w3.org/TR/CSS21/about.html#value-defs
*/
div#firstTest {font: 40px \inherit foo, "CSSTest Fallback";}
/* valid: there can be a font whose name is "inherit foo" */
div#secondTest {font: 40px foo \inherit, "CSSTest Fallback";}
/* valid: there can be a font whose name is "foo inherit" */
div#thirdTest {font: caption;}
/* valid: caption is the reserved keyword for the system font */
div#fourthTest {font: medium caption, "CSSTest Fallback";}
/* valid: there can be a font whose name is "caption";
"medium" is the font-size */
div#fifthTest {font: caption foo, "CSSTest Fallback";}
/* invalid: there could be a font whose name is "caption foo"
but then the font shorthand declaration would have no font-size */
div#sixthTest {font: caption, foo, "CSSTest Fallback";}
/* invalid */
div#seventhTest {font: medium caption, inherit, "CSSTest Fallback";}
/* invalid */
/*
font shorthand syntax in CSS 2.1:
Value: [ [ <'font-style'> || <'font-variant'> || <'font-weight'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar | inherit
Brackets ([ ]) are for grouping.
A double bar (||) separates two or more options: one or more of them must occur, in any order.
A question mark (?) indicates that the preceding type, word, or group is optional.
A bar (|) separates two or more alternatives: exactly one of them must occur.
Section 1.4.2.1 Value
http://www.w3.org/TR/CSS21/about.html#value-defs
*/
]]></style>
</head>
<body>
<p><a href="http://www.w3.org/Style/CSS/Test/Fonts/">Test fonts</a> must be installed for this test: <span id="verify1">FAIL</span></p>
<div id="verify">User agent's default font must be set to be "CSSTest FamilyName": 5678</div>
<p>Test passes if there are exactly seven "PASS" words below:</p>
<div id="firstTest">1234</div>
<div id="secondTest">1234</div>
<div id="thirdTest">PASS</div>
<div id="fourthTest">1234</div>
<div id="fifthTest">5678</div>
<div id="sixthTest">5678</div>
<div id="seventhTest">5678</div>
</body>
</html>

View file

@ -0,0 +1,60 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Parsing the 'font' shorthand</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-144"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch" />
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/001.html" type="text/html" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<style type="text/css">
p { color: green; margin: 1em; }
.test { width: 6em; }
span { background: red; color: white; }
.a { font: normal normal normal 1em/normal Ahem, serif; }
.b { font: normal normal normal medium/normal Ahem, serif; }
.c { font: normal normal normal medium/1 Ahem, serif; }
.d { font: normal normal normal 1em/1 Ahem, serif; }
.e { font: normal normal 1em/1 Ahem, serif; }
.f { font: normal 1em/1 Ahem, serif; }
.g { font: 1em/1 Ahem, serif; }
.h { font: normal normal normal 1em Ahem, serif; }
.i { font: normal normal normal medium Ahem, serif; }
.j { font: normal normal normal medium Ahem, serif; }
.k { font: normal normal normal 1em Ahem, serif; }
.l { font: normal normal 1em Ahem, serif; }
.m { font: normal 1em Ahem, serif; }
.n { font: 1em Ahem, serif; }
</style>
</head>
<body>
<p>Test passes if this sentence is green and if there is <strong>no red below</strong>.</p>
<p class="test a"> <span>FAIL-a</span> </p>
<p class="test b"> <span>FAIL-b</span> </p>
<p class="test c"> <span>FAIL-c</span> </p>
<p class="test d"> <span>FAIL-d</span> </p>
<p class="test e"> <span>FAIL-e</span> </p>
<p class="test f"> <span>FAIL-f</span> </p>
<p class="test g"> <span>FAIL-g</span> </p>
<p class="test h"> <span>FAIL-h</span> </p>
<p class="test i"> <span>FAIL-i</span> </p>
<p class="test j"> <span>FAIL-j</span> </p>
<p class="test k"> <span>FAIL-k</span> </p>
<p class="test l"> <span>FAIL-l</span> </p>
<p class="test m"> <span>FAIL-m</span> </p>
<p class="test n"> <span>FAIL-n</span> </p>
</body>
</html>

View file

@ -0,0 +1,43 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: The 'font' property with line-height: normal</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-145"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch" />
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/003.html" type="text/html" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="ahem" />
<style type="text/css">
.container { background: red; height: 1em; width: 6em; }
.test { font: 2em/0 Ahem; background: green; color: green; }
.test { font: 2em/normal Ahem; } /* should override previous line */
</style>
</head>
<body>
<p>Test passes if there is a small filled green rectangle and <strong>no red</strong>.</p>
<div class="container"><div class="test">ppp</div></div>
<!-- "p" is like an underscore in Ahem. -->
<!-- the result will be that if the line-height is 0, then the
container will be visible as the test will be height:0 and the
text will overflow the test with a small green line, leaving
the red of the container visible. otherwise, line-height is
normal, the test block will grow to be bigger than the
container, overflowing it, and hiding the red. -->
<!-- see line-height/001.html -->
</body>
</html>

View file

@ -0,0 +1,31 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: font shorthand and negative line-heights</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-146"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch" />
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/008.html" type="text/html" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<link rel="match" href="reference/font-146-ref.xht" />
<meta name="flags" content="ahem invalid" />
<style type="text/css">
div { position: absolute; top: 0; left: 0; }
div.test { font: 4em/-2em serif; background: red; color: yellow; }
div.control { background: green; color: white; }
</style>
</head>
<body>
<div class="test">Test passes if this sentence has a green background.</div>
<div class="control">Test passes if this sentence has a green background.</div>
</body>
</html>

View file

@ -0,0 +1,78 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: CSS: unquoted 'font-family' syntax (tested with 'font')</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-147"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/ahem/004.xml" type="application/xhtml+xml"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
<meta name="flags" content="ahem"/>
<style type="text/css">
/* valids */
.a { font: 10px Ahem Black, Ahem; }
.b { font: 10px inherit, Ahem; }
.c { font: 10px \" , Ahem; }
</style>
<style type="text/css">
.d { font: 10px 32px, Ahem; }
.e { font: 10px -test, Ahem; }
/* invalids */
.f { font: 32px :-), sans-serif; }
.g { font: 32px , sans-serif; }
.h { font: 32px (), sans-serif; }
.i { font: 32px {}, sans-serif; }
.j { font: 32px [], sans-serif; }
.k { font: 32px a(), sans-serif; }
.l { font: 32px a{}, sans-serif; }
.m { font: 32px a[], sans-serif; }
.n { font: 32px; }
.o { font: 32px \"", sans-serif; }
</style>
<style type="text/css">
.P { font: 32px \\", sans-serif; }
</style>
<style type="text/css">
/* environment */
* { margin: 0; padding: 0; border: none; line-height: 1; }
body { margin: 1em; position: relative; }
.control { display: inline; font: 1em/1 Ahem, sans-serif; background: red; color: white; }
.overlapper { position: absolute; left: 0; top: 1em; height: 160px; width: 60px; background: green; z-index: 1; -moz-opacity: 90%; }
.valid { font: 32px sans-serif; color: red; }
.invalid { font: 10px Ahem; color: red; }
</style>
</head>
<body>
<div class="control">Ahem_font_required_for_this_test.</div>
<div class="overlapper"/>
<div class="valid">
<p class="a">a:FAIL</p>
<p class="b">b:FAIL</p>
<p class="c">c:FAIL</p>
<p class="d">d:FAIL</p>
<p class="e">e:FAIL</p>
</div>
<div class="invalid">
<p class="f">f:FAIL</p>
<p class="g">g:FAIL</p>
<p class="h">h:FAIL</p>
<p class="i">i:FAIL</p>
<p class="j">j:FAIL</p>
<p class="k">k:FAIL</p>
<p class="l">l:FAIL</p>
<p class="m">m:FAIL</p>
<p class="n">n:FAIL</p>
<p class="o">o:FAIL</p>
<p class="P">P:FAIL</p>
</div>
</body>
</html>

View file

@ -0,0 +1,39 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font and 'display: inline' elements</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-applies-to-001"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<link rel="match" href="reference/font-applies-to-001-ref.xht" />
<meta name="flags" content="" />
<meta name="assert" content="The 'font' property applies to 'display: inline' elements." />
<style type="text/css">
div
{
font: italic small-caps bold 16px sans-serif;
}
#div1
{
display: inline;
}
</style>
</head>
<body>
<p>Test passes if the 2 lines of "Filler Text" match.</p>
<div>Filler Text</div>
<div id="div1">Filler Text</div>
</body>
</html>

View file

@ -0,0 +1,41 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font and 'display: block' elements</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-applies-to-002"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<link rel="match" href="reference/font-applies-to-001-ref.xht" />
<meta name="flags" content="" />
<meta name="assert" content="The 'font' property applies to 'display: block' elements." />
<style type="text/css">
#reference, span
{
font: italic small-caps bold 16px sans-serif;
}
span
{
display: block;
}
</style>
</head>
<body>
<p>Test passes if the 2 lines of "Filler Text" match.</p>
<div id="reference">Filler Text</div>
<div>
<span>Filler Text</span>
</div>
</body>
</html>

View file

@ -0,0 +1,41 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font and 'display: list-item' elements</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-applies-to-003"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="" />
<meta name="assert" content="The 'font' property applies to 'display: list-item' elements." />
<style type="text/css">
body
{
margin-left: 2em;
}
div
{
font: italic small-caps bold 16px sans-serif;
}
#div1
{
display: list-item;
}
</style>
</head>
<body>
<p>Test passes if the 2 lines of "Filler Text" match styles and the bottom "Filler Text" has a marker bullet on its left-hand side.</p>
<div>Filler Text</div>
<div id="div1">Filler Text</div>
</body>
</html>

View file

@ -0,0 +1,36 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font and 'display: run-in' elements</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-applies-to-004"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<meta name="flags" content="" />
<meta name="assert" content="The 'font' property applies to 'display: run-in' elements." />
<style type="text/css">
div
{
font: italic small-caps bold 16px sans-serif;
}
#div1
{
display: run-in;
}
</style>
</head>
<body>
<p>Test passes if the lines of "Filler Text" below match.</p>
<div>Filler Text</div>
<div id="div1">Filler Text</div>
</body>
</html>

View file

@ -0,0 +1,48 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font and 'display: inline-block' elements</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-applies-to-005"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<link rel="match" href="reference/font-applies-to-001-ref.xht" />
<meta name="flags" content="" />
<meta name="assert" content="The 'font' property applies to 'display: inline-block' elements." />
<style type="text/css">
div
{
font: italic small-caps bold 16px sans-serif;
}
#div1
{
display: inline-block;
}
span.block-descendant
{
display: block;
}
</style>
</head>
<body>
<p>Test passes if the 2 lines of "Filler Text" match.</p>
<div>Filler Text</div>
<div id="div1">
<span class="block-descendant">Filler Text</span>
<span class="block-descendant">&nbsp;</span>
</div>
</body>
</html>

View file

@ -0,0 +1,54 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font and 'display: table' elements</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-applies-to-006"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<link rel="match" href="reference/font-applies-to-001-ref.xht" />
<meta name="flags" content="" />
<meta name="assert" content="The 'font' property applies to 'display: table' elements." />
<style type="text/css">
#reference, #table
{
font: italic small-caps bold 16px sans-serif;
}
#table
{
display: table;
}
.row
{
display: table-row;
}
.cell
{
display: table-cell;
}
</style>
</head>
<body>
<p>Test passes if the 2 lines of "Filler Text" match.</p>
<div id="reference">Filler Text</div>
<div id="table">
<div class="row">
<div class="cell">Filler Text</div>
</div>
<div class="row">
<div class="cell">&nbsp;</div>
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,54 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font and 'display: inline-table' elements</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-applies-to-007"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<link rel="match" href="reference/font-applies-to-001-ref.xht" />
<meta name="flags" content="" />
<meta name="assert" content="The 'font' property applies to 'display: inline-table' elements." />
<style type="text/css">
#reference, #table
{
font: italic small-caps bold 16px sans-serif;
}
#table
{
display: inline-table;
}
.row
{
display: table-row;
}
.cell
{
display: table-cell;
}
</style>
</head>
<body>
<p>Test passes if the 2 lines of "Filler Text" match.</p>
<div id="reference">Filler Text</div>
<div id="table">
<div class="row">
<div class="cell">Filler Text</div>
</div>
<div class="row">
<div class="cell">&nbsp;</div>
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,60 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font and 'display: table-row-group' elements</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-applies-to-008"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<link rel="match" href="reference/font-applies-to-001-ref.xht" />
<meta name="flags" content="" />
<meta name="assert" content="The 'font' property applies to 'display: table-row-group' elements." />
<style type="text/css">
#reference, #test
{
font: italic small-caps bold 16px sans-serif;
}
#table
{
display: table;
}
#test
{
display: table-row-group;
}
.row
{
display: table-row;
}
.cell
{
display: table-cell;
}
</style>
</head>
<body>
<p>Test passes if the 2 lines of "Filler Text" match.</p>
<div id="reference">Filler Text</div>
<div id="table">
<div id="test">
<div class="row">
<div class="cell">Filler Text</div>
</div>
<div class="row">
<div class="cell">&nbsp;</div>
</div>
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,60 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font and 'display: table-header-group' elements</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-applies-to-009"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<link rel="match" href="reference/font-applies-to-001-ref.xht" />
<meta name="flags" content="" />
<meta name="assert" content="The 'font' property applies to 'display: table-header-group' elements." />
<style type="text/css">
#reference, #test
{
font: italic small-caps bold 16px sans-serif;
}
#table
{
display: table;
}
#test
{
display: table-header-group;
}
.row
{
display: table-row;
}
.cell
{
display: table-cell;
}
</style>
</head>
<body>
<p>Test passes if the 2 lines of "Filler Text" match.</p>
<div id="reference">Filler Text</div>
<div id="table">
<div id="test">
<div class="row">
<div class="cell">Filler Text</div>
</div>
<div class="row">
<div class="cell">&nbsp;</div>
</div>
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,60 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font and 'display: table-footer-group' elements</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-applies-to-010"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<link rel="match" href="reference/font-applies-to-001-ref.xht" />
<meta name="flags" content="" />
<meta name="assert" content="The 'font' property applies to 'display: table-footer-group' elements." />
<style type="text/css">
#reference, #test
{
font: italic small-caps bold 16px sans-serif;
}
#table
{
display: table;
}
#test
{
display: table-footer-group;
}
.row
{
display: table-row;
}
.cell
{
display: table-cell;
}
</style>
</head>
<body>
<p>Test passes if the 2 lines of "Filler Text" match.</p>
<div id="reference">Filler Text</div>
<div id="table">
<div id="test">
<div class="row">
<div class="cell">Filler Text</div>
</div>
<div class="row">
<div class="cell">&nbsp;</div>
</div>
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,51 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font and 'display: table-row' elements</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-applies-to-011"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<link rel="match" href="reference/font-applies-to-001-ref.xht" />
<meta name="flags" content="" />
<meta name="assert" content="The 'font' property applies to 'display: table-row' elements." />
<style type="text/css">
#reference, #row
{
font: italic small-caps bold 16px sans-serif;
}
#table
{
display: table;
}
#row
{
display: table-row;
}
#cell
{
display: table-cell;
}
</style>
</head>
<body>
<p>Test passes if the 2 lines of "Filler Text" match.</p>
<div id="reference">Filler Text</div>
<div id="table">
<div id="row">
<div id="cell">Filler Text</div>
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,52 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Font and 'display: table-cell' elements</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-applies-to-014"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
<link rel="match" href="reference/font-applies-to-001-ref.xht" />
<meta name="flags" content="" />
<meta name="assert" content="The 'font' property applies to 'display: table-cell' elements." />
<style type="text/css">
#reference, #cell
{
font: italic small-caps bold 16px sans-serif;
}
#table
{
display: table;
table-layout: fixed;
}
#row
{
display: table-row;
}
#cell
{
display: table-cell;
}
</style>
</head>
<body>
<p>Test passes if the 2 lines of "Filler Text" match.</p>
<div id="reference">Filler Text</div>
<div id="table">
<div id="row">
<div id="cell">Filler Text</div>
</div>
</div>
</body>
</html>

Some files were not shown because too many files have changed in this diff Show more