diff options
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/fonts')
394 files changed, 12370 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-001.xht new file mode 100644 index 0000000000..482e7baf9a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-001.xht @@ -0,0 +1,40 @@ +<!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: Font shorthand set using the values font-size and font-family</title> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-002.xht new file mode 100644 index 0000000000..f65c819e43 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-002.xht @@ -0,0 +1,40 @@ +<!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: Font shorthand set using the values font-style, font-size and font-family</title> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-003-ref.html b/testing/web-platform/tests/css/CSS2/fonts/font-003-ref.html new file mode 100644 index 0000000000..b5982866f1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-003-ref.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<link rel="author" title="Intel" href="http://www.intel.com"> +<style> + div { + font: 1in serif; + } + span { + font-variant: small-caps; + font-size: 1in; + font-family: serif; + line-height: 1em; + } +</style> +<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> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-003.xht new file mode 100644 index 0000000000..18a6355b6e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-003.xht @@ -0,0 +1,27 @@ +<!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: Font shorthand set using the values font-variant, font-size and font-family</title> + <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"/> + <link rel="match" href="font-003-ref.html"/> + <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> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-004.xht b/testing/web-platform/tests/css/CSS2/fonts/font-004.xht new file mode 100644 index 0000000000..3c2ff0c137 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-004.xht @@ -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> + <title>CSS Test: Font shorthand set using the values font-weight, font-size and font-family</title> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-005.xht b/testing/web-platform/tests/css/CSS2/fonts/font-005.xht new file mode 100644 index 0000000000..4ff79462dc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-005.xht @@ -0,0 +1,42 @@ +<!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: Font shorthand set using the values font-style, font-variant, font-size and font-family</title> + <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="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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-006.xht b/testing/web-platform/tests/css/CSS2/fonts/font-006.xht new file mode 100644 index 0000000000..ee8ee6421f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-006.xht @@ -0,0 +1,46 @@ +<!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: Font shorthand set using the values font-style, font-weight, font-size and font-family</title> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-007.xht b/testing/web-platform/tests/css/CSS2/fonts/font-007.xht new file mode 100644 index 0000000000..594cd4a2e4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-007.xht @@ -0,0 +1,46 @@ +<!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: Font shorthand set using the values font-variant, font-style, font-size and font-family</title> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-008.xht b/testing/web-platform/tests/css/CSS2/fonts/font-008.xht new file mode 100644 index 0000000000..6176dd91b3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-008.xht @@ -0,0 +1,46 @@ +<!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: Font shorthand set using the values font-variant, font-weight, font-size and font-family</title> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-009.xht b/testing/web-platform/tests/css/CSS2/fonts/font-009.xht new file mode 100644 index 0000000000..50a43ad616 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-009.xht @@ -0,0 +1,46 @@ +<!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: Font shorthand set using the values font-weight, font-style, font-size and font-family</title> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-010.xht b/testing/web-platform/tests/css/CSS2/fonts/font-010.xht new file mode 100644 index 0000000000..46a276e3c7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-010.xht @@ -0,0 +1,46 @@ +<!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: Font shorthand set using the values font-weight, font-variant, font-size and font-family</title> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-011.xht b/testing/web-platform/tests/css/CSS2/fonts/font-011.xht new file mode 100644 index 0000000000..b780f85ac3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-011.xht @@ -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> + <title>CSS Test: Font shorthand set using the values font-style, font-variant, font-weight, font-size and font-family</title> + <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"/> + <link rel="match" href="../reference/no_red_bold_italic_small-caps_ahem.html"/> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-012.xht b/testing/web-platform/tests/css/CSS2/fonts/font-012.xht new file mode 100644 index 0000000000..f805335215 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-012.xht @@ -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> + <title>CSS Test: Font shorthand set using the values font-style, font-weight, font-variant, font-size and font-family</title> + <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"/> + <link rel="match" href="../reference/no_red_bold_italic_small-caps_ahem.html"/> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-013.xht b/testing/web-platform/tests/css/CSS2/fonts/font-013.xht new file mode 100644 index 0000000000..67b427d1e5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-013.xht @@ -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> + <title>CSS Test: Font shorthand set using the values font-variant, font-style, font-weight, font-size and font-family</title> + <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"/> + <link rel="match" href="../reference/no_red_bold_italic_small-caps_ahem.html"/> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-014.xht b/testing/web-platform/tests/css/CSS2/fonts/font-014.xht new file mode 100644 index 0000000000..125ff9d9aa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-014.xht @@ -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> + <title>CSS Test: Font shorthand set using the values font-variant, font-weight, font-style, font-size and font-family</title> + <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"/> + <link rel="match" href="../reference/no_red_bold_italic_small-caps_ahem.html"/> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-015.xht b/testing/web-platform/tests/css/CSS2/fonts/font-015.xht new file mode 100644 index 0000000000..fca28a7484 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-015.xht @@ -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> + <title>CSS Test: Font shorthand set using the values font-weight, font-style, font-variant, font-size and font-family</title> + <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"/> + <link rel="match" href="../reference/no_red_bold_italic_small-caps_ahem.html"/> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-016.xht b/testing/web-platform/tests/css/CSS2/fonts/font-016.xht new file mode 100644 index 0000000000..5e24d1653f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-016.xht @@ -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> + <title>CSS Test: Font shorthand set using the values font-weight, font-variant, font-style, font-size and font-family</title> + <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"/> + <link rel="match" href="../reference/no_red_bold_italic_small-caps_ahem.html"/> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-017.xht b/testing/web-platform/tests/css/CSS2/fonts/font-017.xht new file mode 100644 index 0000000000..0675cd9fa9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-017.xht @@ -0,0 +1,40 @@ +<!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: Font shorthand set using the values font-size, line-height and font-family</title> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-018.xht b/testing/web-platform/tests/css/CSS2/fonts/font-018.xht new file mode 100644 index 0000000000..257337f1c7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-018.xht @@ -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> + <title>CSS Test: Font shorthand set using the values font-style, font-size, line-height and font-family</title> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-019.xht b/testing/web-platform/tests/css/CSS2/fonts/font-019.xht new file mode 100644 index 0000000000..e3ab64c446 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-019.xht @@ -0,0 +1,40 @@ +<!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: Font shorthand set using the values font-variant, font-size, line-height and font-family</title> + <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="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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-020.xht b/testing/web-platform/tests/css/CSS2/fonts/font-020.xht new file mode 100644 index 0000000000..2b055e437f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-020.xht @@ -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> + <title>CSS Test: Font shorthand set using the values font-weight, font-size, line-height and font-family</title> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-021.xht b/testing/web-platform/tests/css/CSS2/fonts/font-021.xht new file mode 100644 index 0000000000..449ae89a2b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-021.xht @@ -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> + <title>CSS Test: Font shorthand set using the values font-style, font-variant, font-size, line-height and font-family</title> + <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="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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-022.xht b/testing/web-platform/tests/css/CSS2/fonts/font-022.xht new file mode 100644 index 0000000000..308811930f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-022.xht @@ -0,0 +1,46 @@ +<!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: Font shorthand set using the values font-style, font-weight, font-size, line-height and font-family</title> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-023.xht b/testing/web-platform/tests/css/CSS2/fonts/font-023.xht new file mode 100644 index 0000000000..e09c0f95ee --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-023.xht @@ -0,0 +1,46 @@ +<!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: Font shorthand set using the values font-variant, font-style, font-size, line-height and font-family</title> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-024.xht b/testing/web-platform/tests/css/CSS2/fonts/font-024.xht new file mode 100644 index 0000000000..8b927ab193 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-024.xht @@ -0,0 +1,46 @@ +<!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: Font shorthand set using the values font-variant, font-weight, font-size, line-height and font-family</title> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-025.xht b/testing/web-platform/tests/css/CSS2/fonts/font-025.xht new file mode 100644 index 0000000000..859ee1b4fd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-025.xht @@ -0,0 +1,45 @@ +<!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: Font shorthand set using the values font-weight, font-style, font-size, line-height and font-family</title> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-026.xht b/testing/web-platform/tests/css/CSS2/fonts/font-026.xht new file mode 100644 index 0000000000..a547c889a8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-026.xht @@ -0,0 +1,46 @@ +<!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: Font shorthand set using the values font-weight, font-variant, font-size, line-height and font-family</title> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-027.xht b/testing/web-platform/tests/css/CSS2/fonts/font-027.xht new file mode 100644 index 0000000000..ab107f22c6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-027.xht @@ -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> + <title>CSS Test: Font shorthand set using the values font-style, font-variant, font-weight, font-size, line-height and font-family</title> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-028.xht b/testing/web-platform/tests/css/CSS2/fonts/font-028.xht new file mode 100644 index 0000000000..5481978f99 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-028.xht @@ -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> + <title>CSS Test: Font shorthand set using the values font-style, font-weight, font-variant, font-size, line-height and font-family</title> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-029.xht b/testing/web-platform/tests/css/CSS2/fonts/font-029.xht new file mode 100644 index 0000000000..bad2252124 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-029.xht @@ -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> + <title>CSS Test: Font shorthand set using the values font-variant, font-style, font-weight, font-size, line-height and font-family</title> + <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"/> + <link rel="match" href="../reference/no_red_bold_italic_small-caps_ahem.html"/> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-030.xht b/testing/web-platform/tests/css/CSS2/fonts/font-030.xht new file mode 100644 index 0000000000..f087230126 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-030.xht @@ -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> + <title>CSS Test: Font shorthand set using the values font-variant, font-weight, font-style, font-size, line-height and font-family</title> + <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"/> + <link rel="match" href="../reference/no_red_bold_italic_small-caps_ahem.html"/> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-031.xht b/testing/web-platform/tests/css/CSS2/fonts/font-031.xht new file mode 100644 index 0000000000..53183a6e1c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-031.xht @@ -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> + <title>CSS Test: Font shorthand set using the values font-weight, font-style, font-variant, font-size, line-height and font-family</title> + <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"/> + <link rel="match" href="../reference/no_red_bold_italic_small-caps_ahem.html"/> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-032.xht b/testing/web-platform/tests/css/CSS2/fonts/font-032.xht new file mode 100644 index 0000000000..92a9ad21c9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-032.xht @@ -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> + <title>CSS Test: Font shorthand set using the values font-weight, font-variant, font-style, font-size, line-height and font-family</title> + <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"/> + <link rel="match" href="../reference/no_red_bold_italic_small-caps_ahem.html"/> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-033.xht b/testing/web-platform/tests/css/CSS2/fonts/font-033.xht new file mode 100644 index 0000000000..a2e65c7b48 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-033.xht @@ -0,0 +1,24 @@ +<!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: Font set to the keyword 'caption'</title> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-034.xht b/testing/web-platform/tests/css/CSS2/fonts/font-034.xht new file mode 100644 index 0000000000..f3eb311c47 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-034.xht @@ -0,0 +1,24 @@ +<!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: Font set to the keyword 'icon'</title> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-035.xht b/testing/web-platform/tests/css/CSS2/fonts/font-035.xht new file mode 100644 index 0000000000..8e18a1a23b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-035.xht @@ -0,0 +1,24 @@ +<!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: Font set to the keyword 'menu'</title> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-036.xht b/testing/web-platform/tests/css/CSS2/fonts/font-036.xht new file mode 100644 index 0000000000..f4e47d14fa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-036.xht @@ -0,0 +1,24 @@ +<!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: Font set to the keyword 'message-box'</title> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-037.xht b/testing/web-platform/tests/css/CSS2/fonts/font-037.xht new file mode 100644 index 0000000000..7990dce637 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-037.xht @@ -0,0 +1,24 @@ +<!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: Font set to the keyword 'small-caption'</title> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-038.xht b/testing/web-platform/tests/css/CSS2/fonts/font-038.xht new file mode 100644 index 0000000000..10248a9cb9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-038.xht @@ -0,0 +1,24 @@ +<!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: Font set to the keyword 'status-bar'</title> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-039.xht b/testing/web-platform/tests/css/CSS2/fonts/font-039.xht new file mode 100644 index 0000000000..fb44940d83 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-039.xht @@ -0,0 +1,42 @@ +<!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: Font shorthand set to 'inherit' inheriting two values</title> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-040.xht b/testing/web-platform/tests/css/CSS2/fonts/font-040.xht new file mode 100644 index 0000000000..05198d1adf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-040.xht @@ -0,0 +1,42 @@ +<!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: Font shorthand set to 'inherit' inheriting three values</title> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-041.xht b/testing/web-platform/tests/css/CSS2/fonts/font-041.xht new file mode 100644 index 0000000000..dee0e51ded --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-041.xht @@ -0,0 +1,46 @@ +<!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: Font shorthand set to 'inherit' inheriting four values</title> + <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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-042.xht b/testing/web-platform/tests/css/CSS2/fonts/font-042.xht new file mode 100644 index 0000000000..597cf9f12d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-042.xht @@ -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> + <title>CSS Test: Font shorthand set to 'inherit' inheriting five values</title> + <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"/> + <link rel="match" href="../reference/no_red_bold_italic_small-caps_ahem.html"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font' shorthand property set to 'inherit' inherits the parent element's values." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-043.xht b/testing/web-platform/tests/css/CSS2/fonts/font-043.xht new file mode 100644 index 0000000000..b860b2be48 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-043.xht @@ -0,0 +1,49 @@ +<!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: Font shorthand set to 'inherit' inheriting six values</title> + <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"/> + <link rel="match" href="../reference/no_red_bold_italic_small-caps_ahem.html"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font' shorthand property set to 'inherit' inherits the parent element's values." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-044.xht b/testing/web-platform/tests/css/CSS2/fonts/font-044.xht new file mode 100644 index 0000000000..ccd3154836 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-044.xht @@ -0,0 +1,46 @@ +<!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: font - system fonts</title> + + <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" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-045.xht b/testing/web-platform/tests/css/CSS2/fonts/font-045.xht new file mode 100644 index 0000000000..ff5311d9c1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-045.xht @@ -0,0 +1,45 @@ +<!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: font - inherit keyword value</title> + + <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" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-046.xht b/testing/web-platform/tests/css/CSS2/fonts/font-046.xht new file mode 100644 index 0000000000..771b8c6e82 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-046.xht @@ -0,0 +1,46 @@ +<!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: font - system fonts</title> + + <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" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-047.xht b/testing/web-platform/tests/css/CSS2/fonts/font-047.xht new file mode 100644 index 0000000000..99be0559f7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-047.xht @@ -0,0 +1,46 @@ +<!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: font - system fonts</title> + + <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" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-048.xht b/testing/web-platform/tests/css/CSS2/fonts/font-048.xht new file mode 100644 index 0000000000..a9d8406474 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-048.xht @@ -0,0 +1,46 @@ +<!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: font - system fonts</title> + + <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" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-049.xht b/testing/web-platform/tests/css/CSS2/fonts/font-049.xht new file mode 100644 index 0000000000..e93ac68800 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-049.xht @@ -0,0 +1,46 @@ +<!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: font - system fonts</title> + + <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" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-050.xht b/testing/web-platform/tests/css/CSS2/fonts/font-050.xht new file mode 100644 index 0000000000..200be9bc57 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-050.xht @@ -0,0 +1,46 @@ +<!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: font - system fonts</title> + + <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" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-051-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/font-051-ref.xht new file mode 100644 index 0000000000..1143043ec8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-051-ref.xht @@ -0,0 +1,29 @@ +<!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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: black; + height: 100px; + width: 400px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled black rectangle.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-051.xht b/testing/web-platform/tests/css/CSS2/fonts/font-051.xht new file mode 100644 index 0000000000..fc23ab4c77 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-051.xht @@ -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> + + <title>CSS Test: font shorthand - minimal requirements</title> + + <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="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" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-052.xht b/testing/web-platform/tests/css/CSS2/fonts/font-052.xht new file mode 100644 index 0000000000..454a7cd60f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-052.xht @@ -0,0 +1,118 @@ +<!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: font shorthand - reserved keywords</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="author" title="John Daggett" href="mailto: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="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> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-144.xht b/testing/web-platform/tests/css/CSS2/fonts/font-144.xht new file mode 100644 index 0000000000..405fea17b6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-144.xht @@ -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> + <title>CSS Test: Parsing the 'font' shorthand</title> + <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"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-145.xht b/testing/web-platform/tests/css/CSS2/fonts/font-145.xht new file mode 100644 index 0000000000..e56c8c0f29 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-145.xht @@ -0,0 +1,35 @@ +<!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: The 'font' property with line-height: normal</title> + <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"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-146-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/font-146-ref.xht new file mode 100644 index 0000000000..5a20d89c80 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-146-ref.xht @@ -0,0 +1,28 @@ +<!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 Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + color: white; + left: 0px; + position: absolute; + top: 0px; + } + ]]></style> + + </head> + + <body> + + <div>Test passes if this sentence has a green background.</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-146.xht b/testing/web-platform/tests/css/CSS2/fonts/font-146.xht new file mode 100644 index 0000000000..03af5f5669 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-146.xht @@ -0,0 +1,22 @@ +<!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"> + <head> + <title>CSS Test: font shorthand and negative line-heights</title> + <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="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> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-147.xht b/testing/web-platform/tests/css/CSS2/fonts/font-147.xht new file mode 100644 index 0000000000..e758bb1187 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-147.xht @@ -0,0 +1,73 @@ +<!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> + <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"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + /* valids */ + .a { font: 10px Ahem Black, Ahem; } + .b { font: 10px inherit, Ahem; } + .c { font: 10px \" , Ahem; } + </style> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + .P { font: 32px \\", sans-serif; } + </style> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <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> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-148-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/font-148-ref.xht new file mode 100644 index 0000000000..22a8e1a263 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-148-ref.xht @@ -0,0 +1,25 @@ +<!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 Reftest Reference</title> + <link rel="author" title="Ondřej Žára" href="https://ondras.zarovi.cz/" /> + +<style type="text/css"> + div { + font: 10px sans-serif; + } + span { + font: 100px sans-serif; + } +</style> + + </head> + + <body> + <p>Test passes if letters "def" below are larger than "abc" and "ghi".</p> + <div>abc<span class="test">def</span>ghi</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-148.xht b/testing/web-platform/tests/css/CSS2/fonts/font-148.xht new file mode 100644 index 0000000000..4f5a3f1d20 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-148.xht @@ -0,0 +1,23 @@ +<!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: Font shorthand using calc() value for font-size</title> + <link rel="author" title="Ondřej Žára" href="https://ondras.zarovi.cz/" /> + <link rel="help" href="https://www.w3.org/TR/css-fonts-4/#font-prop" /> + <link rel="help" href="https://www.w3.org/TR/css-values-3/#calc-notation" /> + <link rel="match" href="font-148-ref.xht"/> + <meta name="assert" content="The 'font' shorthand property accepts and sets font-variant, font-size and font-family." /> + <style type="text/css"> + div { + font: 10px sans-serif; + } + span { + font: calc(10 * 10px) sans-serif; + } + </style> + </head> + <body> + <p>Test passes if letters "def" below are larger than "abc" and "ghi".</p> + <div>abc<span class="test">def</span>ghi</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-001-ref.xht new file mode 100644 index 0000000000..77f2133aab --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-001-ref.xht @@ -0,0 +1,26 @@ +<!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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div {font: italic small-caps bold 16px sans-serif;} + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 lines of "Filler Text" match.</p> + + <div>Filler Text</div> + + <div>Filler Text</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-001.xht new file mode 100644 index 0000000000..58ec79b7ed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-001.xht @@ -0,0 +1,29 @@ +<!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: Font and 'display: inline' elements</title> + <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="font-applies-to-001-ref.xht" /> + + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-002.xht new file mode 100644 index 0000000000..6218c3d2af --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-002.xht @@ -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"> + <head> + <title>CSS Test: Font and 'display: block' elements</title> + <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="font-applies-to-001-ref.xht" /> + + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-003.xht new file mode 100644 index 0000000000..3792088255 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-003.xht @@ -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"> + <head> + <title>CSS Test: Font and 'display: list-item' elements</title> + <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="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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-005.xht new file mode 100644 index 0000000000..7231ef02e5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-005.xht @@ -0,0 +1,38 @@ +<!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: Font and 'display: inline-block' elements</title> + <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="font-applies-to-001-ref.xht" /> + + <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"> </span> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-006.xht new file mode 100644 index 0000000000..5e28f48b14 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-006.xht @@ -0,0 +1,44 @@ +<!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: Font and 'display: table' elements</title> + <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="font-applies-to-001-ref.xht" /> + + <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"> </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-007.xht new file mode 100644 index 0000000000..f01e413b9c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-007.xht @@ -0,0 +1,44 @@ +<!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: Font and 'display: inline-table' elements</title> + <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="font-applies-to-001-ref.xht" /> + + <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"> </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-008.xht new file mode 100644 index 0000000000..013732cdaa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-008.xht @@ -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> + <title>CSS Test: Font and 'display: table-row-group' elements</title> + <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="font-applies-to-001-ref.xht" /> + + <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"> </div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-009.xht new file mode 100644 index 0000000000..976fa1c87e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-009.xht @@ -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> + <title>CSS Test: Font and 'display: table-header-group' elements</title> + <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="font-applies-to-001-ref.xht" /> + + <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"> </div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-010.xht new file mode 100644 index 0000000000..7df2020f10 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-010.xht @@ -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> + <title>CSS Test: Font and 'display: table-footer-group' elements</title> + <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="font-applies-to-001-ref.xht" /> + + <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"> </div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-011.xht new file mode 100644 index 0000000000..669bf667cf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-011.xht @@ -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> + <title>CSS Test: Font and 'display: table-row' elements</title> + <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="font-applies-to-001-ref.xht" /> + + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-014.xht new file mode 100644 index 0000000000..7e3d755a99 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-014.xht @@ -0,0 +1,42 @@ +<!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: Font and 'display: table-cell' elements</title> + <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="font-applies-to-001-ref.xht" /> + + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-015.xht new file mode 100644 index 0000000000..3bed6621d8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-015.xht @@ -0,0 +1,46 @@ +<!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: Font and 'display: table-caption' elements</title> + <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="font-applies-to-001-ref.xht" /> + + <meta name="assert" content="The 'font' property applies to 'display: table-caption' elements." /> + <style type="text/css"> + #reference, #caption + { + font: italic small-caps bold 16px sans-serif; + } + #table + { + display: table; + } + #caption + { + display: table-caption; + } + #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="caption">Filler Text</div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-016.xht new file mode 100644 index 0000000000..08c8f26220 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-016.xht @@ -0,0 +1,26 @@ +<!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: Font and 'display: none' elements</title> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'font' property applies to 'display: table-row' elements." /> + <style type="text/css"> + div + { + color: red; + display: none; + font: italic small-caps bold 16px sans-serif; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Fail</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-017.xht b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-017.xht new file mode 100644 index 0000000000..087ef9ce3f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-017.xht @@ -0,0 +1,35 @@ +<!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: Font and 'display: inherit' elements</title> + <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="font-applies-to-001-ref.xht" /> + + <meta name="assert" content="The 'font' property applies to 'display: inherit' elements." /> + <style type="text/css"> + #parent, #reference + { + display: inline; + } + #reference, div div + { + font: italic small-caps bold 16px sans-serif; + } + div div + { + display: inherit; + } + </style> + </head> + <body> + <p>Test passes if the 2 lines of "Filler Text" match.</p> + <div id="reference">Filler Text<br /></div> + <div id="parent"> + <div>Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-001.xht new file mode 100644 index 0000000000..6a9883c9eb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-001.xht @@ -0,0 +1,23 @@ +<!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: Font-family set to an installed font</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-family' property set to and installed font renders the appropriate font." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <div>X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-002.xht new file mode 100644 index 0000000000..b28e6c0d75 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-002.xht @@ -0,0 +1,28 @@ +<!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: Font-family set to the keyword 'serif'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-family' property set to 'serif' correctly renders the user agent's serif font." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + } + #test + { + font-family: serif; + } + </style> + </head> + <body> + <p>Test passes if the words "PASS PASS" appear below and there is a black box below.</p> + <div id="test">PASS PASS</div> + <div>X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-003.xht new file mode 100644 index 0000000000..43d617ba66 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-003.xht @@ -0,0 +1,28 @@ +<!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: Font-family set to the keyword 'sans-serif'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-family' property set to 'sans-serif' correctly renders the user agent's sans-serif font." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + } + #test + { + font-family: sans-serif; + } + </style> + </head> + <body> + <p>Test passes if the words "PASS PASS" appear below and there is a black box below.</p> + <div id="test">PASS PASS</div> + <div>X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-004.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-004.xht new file mode 100644 index 0000000000..d54d2690e9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-004.xht @@ -0,0 +1,28 @@ +<!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: Font-family set to the keyword 'cursive'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-family' property set to 'cursive' correctly renders the user agent's cursive font." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + } + #test + { + font-family: cursive; + } + </style> + </head> + <body> + <p>Test passes if the words "PASS PASS" appear below and there is a black box below.</p> + <div id="test">PASS PASS</div> + <div>X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-005.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-005.xht new file mode 100644 index 0000000000..44d88a2ad4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-005.xht @@ -0,0 +1,28 @@ +<!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: Font-family set to the keyword 'fantasy'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-family' property set to 'fantasy' correctly renders the user agent's fantasy font." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + } + #test + { + font-family: fantasy; + } + </style> + </head> + <body> + <p>Test passes if the words "PASS PASS" appear below and there is a black box below.</p> + <div id="test">PASS PASS</div> + <div>X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-006.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-006.xht new file mode 100644 index 0000000000..2ea0e6cb6f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-006.xht @@ -0,0 +1,28 @@ +<!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: Font-family set to the keyword 'monospace'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-family' property set to 'monospace' correctly renders the user agent's monospace font." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + } + #test + { + font-family: monospace; + } + </style> + </head> + <body> + <p>Test passes if the words "PASS PASS" appear below and there is a black box below.</p> + <div id="test">PASS PASS</div> + <div>X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-007.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-007.xht new file mode 100644 index 0000000000..d8f7ff1799 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-007.xht @@ -0,0 +1,33 @@ +<!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: Font-family set to 'inherit'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-family' property set to 'inherit' inherits its value from the parent element's value." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + } + span + { + font-family: serif; + } + div span + { + font-family: inherit; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <div> + <span>X</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-008-ref.html b/testing/web-platform/tests/css/CSS2/fonts/font-family-008-ref.html new file mode 100644 index 0000000000..2b68ebb477 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-008-ref.html @@ -0,0 +1,11 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<link rel="author" title="Intel" href="http://www.intel.com"> +<body> + <p>Test passes if there is <strong>no black stripe</strong>.</p> + <p>First test Passed</p> + <p>Second test Passed</p> + <p>Third test Passed</p> + <p>Fourth test Passed</p> +</body> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-008.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-008.xht new file mode 100644 index 0000000000..f1e18cabe8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-008.xht @@ -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> + + <title>CSS Test: font-family - unquoted font-family names with parentheses or curly braces</title> + + <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-family-prop" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#rule-sets" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/> + <link rel="match" href="font-family-008-ref.html" /> + <meta content="ahem invalid" name="flags" /> + <meta content="Unquoted font-family names must not contain unescaped parentheses or unescaped curly braces" name="assert" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + p#first-test {font-family: Ahem, foo(bar), sans-serif;} + + p#second-test {font-family: Ahem, foo(bar)foo, sans-serif;} + + p#third-test {font-family: Ahem, foo{bar}, sans-serif;} + + p#fourth-test {font-family: Ahem, foo{bar}foo, sans-serif;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>no black stripe</strong>.</p> + + <p id="first-test">First test Passed</p> + + <p id="second-test">Second test Passed</p> + + <p id="third-test">Third test Passed</p> + + <p id="fourth-test">Fourth test Passed</p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-009-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-009-ref.xht new file mode 100644 index 0000000000..17ce57e87a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-009-ref.xht @@ -0,0 +1,29 @@ +<!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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + height: 1.25em; + width: 5em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a short green stripe and <strong>no red</strong>.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-009.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-009.xht new file mode 100644 index 0000000000..28e97ff78b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-009.xht @@ -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: CSS: font-family inheritance</title> + <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-04-08 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/ahem/001.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="match" href="font-family-009-ref.xht" /> + + <meta name="flags" content="ahem"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + .a { font-family: Ahem; } + .c { font-size: 20px; line-height: 20px; height: 20px; width: 80px; background: red; color: green; } + </style> + </head> + <body> + + <p>Test passes if there is a short green stripe and <strong>no red</strong>.</p> + + <div class="a"> + <div class="b"> + <div class="c"> + FAIL + </div> + </div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-011-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-011-ref.xht new file mode 100644 index 0000000000..ef8ecd7342 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-011-ref.xht @@ -0,0 +1,38 @@ +<!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 Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div + { + background-color: navy; + border: yellow solid medium; + color: yellow; + font: 900 2em "Courier New", Ahem, Marlett, Arial, sans-serif; + margin: 1em; + padding: 0 1em; + } + ]]></style> + + </head> + + <body> + + <p>This following four lines of text should have the same font.</p> + + <div>Test</div> + + <div>Test</div> + + <div>Test</div> + + <div>Test</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-011.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-011.xht new file mode 100644 index 0000000000..9f830f7bac --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-011.xht @@ -0,0 +1,28 @@ +<!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: font-family and whitespace</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/family/001.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="match" href="font-family-011-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + .test { border: solid; margin: 1em; padding: 0 1em; background: navy; color: yellow; font: 900 2em Ahem, Marlett, Arial; } + .a { font-family: Courier New, Ahem, Marlett, Arial, sans-serif; } + .b { font-family: Courier New, Ahem, Marlett, Arial, sans-serif; } /* keep those spaces! */ + .c { font-family: Courier +New, Ahem, Marlett, Arial, sans-serif; } /* do not delete this newline! */ + .d { font-family: Courier New , Ahem, Marlett, Arial, sans-serif; } /* that is a tab! */ + </style> + </head> + <body> + <p>This following four lines of text should have the same font.</p> + <p class="test a">Test</p> + <p class="test b">Test</p> + <p class="test c">Test</p> + <p class="test d">Test</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-012.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-012.xht new file mode 100644 index 0000000000..7b0160ab34 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-012.xht @@ -0,0 +1,20 @@ +<!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"> + <head> + <title>CSS Test: font-family with box drawing characters</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/family/002.html" type="text/html"/> + <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"/> + <style type="text/css"> + pre { font: 1em/1 monospace; color: navy; } + </style> + </head> + <body> + <p>The two straight lines below should be the same length.</p> + <pre> +────╭╮ +────╰╯ +</pre> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-013-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-013-ref.xht new file mode 100644 index 0000000000..414bb626dc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-013-ref.xht @@ -0,0 +1,33 @@ +<!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 Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p {color: navy; font-size: 4em; margin: 0.25em;} + + span.Times {font-family: "Times New Roman";} + + span.Arial {font-family: Arial;} + + span.CourierNew {font-family: "Courier New";} + ]]></style> + + </head> + + <body> + + <div>In each of the three lines below, the two words should look identical.</div> + + <p><span class="Times">Ţęşţ</span> — <span class="Times">Ţęşţ</span></p> + + <p><span class="Arial">Ţęşţ</span> — <span class="Arial">Ţęşţ</span></p> + + <p><span class="CourierNew">Ţęşţ</span> — <span class="CourierNew">Ţęşţ</span></p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-013.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-013.xht new file mode 100644 index 0000000000..022706d610 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-013.xht @@ -0,0 +1,40 @@ +<!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"> + <head> + <title>CSS Test: font-family and fallbacks</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/family/003.html" type="text/html"/> + <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="match" href="font-family-013-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + p { color: navy; font-size: 4em; margin: 0.25em; } + .a span.test { font-family: "Ahem", "Times New Roman"; } + .a span.control { font-family: "Times New Roman"; } + .b span.test { font-family: "Ahem", "Arial"; } + .b span.control { font-family: "Arial"; } + .c span.test { font-family: "Ahem", "Courier New"; } + .c span.control { font-family: "Courier New"; } + </style> + </head> + <body> + <div>In each of the three lines below, the two words should look identical.</div> + <p class="a"> + <span class="test">Ţęşţ</span> + — + <span class="control">Ţęşţ</span> + </p> + <p class="b"> + <span class="test">Ţęşţ</span> + — + <span class="control">Ţęşţ</span> + </p> + <p class="c"> + <span class="test">Ţęşţ</span> + — + <span class="control">Ţęşţ</span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-014.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-014.xht new file mode 100644 index 0000000000..875c94f421 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-014.xht @@ -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" lang="en"> + <head> + <title>CSS Test: font-family and fallbacks</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/family/004.html" type="text/html"/> + <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="match" href="font-family-013-ref.xht" /> + + <style type="text/css"> + p { color: navy; font-size: 4em; margin: 0.25em; } + .a span.test { font-family: "Missing Font", "Times New Roman"; } + .a span.control { font-family: "Times New Roman"; } + .b span.test { font-family: "Missing Font", "Arial"; } + .b span.control { font-family: "Arial"; } + .c span.test { font-family: "Missing Font", "Courier New"; } + .c span.control { font-family: "Courier New"; } + </style> + </head> + <body> + <div>In each of the three lines below, the two words should look identical.</div> + <p class="a"> + <span class="test">Ţęşţ</span> + — + <span class="control">Ţęşţ</span> + </p> + <p class="b"> + <span class="test">Ţęşţ</span> + — + <span class="control">Ţęşţ</span> + </p> + <p class="c"> + <span class="test">Ţęşţ</span> + — + <span class="control">Ţęşţ</span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-015.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-015.xht new file mode 100644 index 0000000000..5dc30fb56c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-015.xht @@ -0,0 +1,25 @@ +<!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: Baselines and Fallback</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/family/005.html" type="text/html"/> + <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"/> + <style type="text/css"> + div { margin-bottom: 5em; } + p { font: 900 5em/0 serif; } + span.a { color: red; font-family: Terminal, Courier New; } + span.b { color: green; font-family: Courier New; } + span span { color: silver; } + </style> + </head> + <body> + <div>There should be a green ע character below (next to two different overlapped gray Xs).</div> + <p> + <span class="a">ע<span>X</span></span> + <br/> + <span class="b">ע<span>X</span></span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-016.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-016.xht new file mode 100644 index 0000000000..6142f06b4f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-016.xht @@ -0,0 +1,23 @@ +<!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: Font test </title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/family/006.html" type="text/html"/> + <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"/> + <style> + .a { font-family: Wingdings, Tahoma, sans-serif; } + .b { font-family: Symbol, Tahoma, sans-serif; } + </style> + </head> +<body> +<p>The following lines should all say "PASS":</p> +<ul> + <li class="a"> PASS</li> + <li class="b"> PASS</li> + <li class="b"> ΡΑSS</li> +</ul> +<p>The following character should be a smiley face: <span class="a">☺</span></p> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-001-ref.xht new file mode 100644 index 0000000000..b12033bda9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-001-ref.xht @@ -0,0 +1,20 @@ +<!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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + </head> + + <body> + + <p>Test passes if there is a small black square.</p> + + <div><img src="support/black96x96.png" width="16" height="16" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-001.xht new file mode 100644 index 0000000000..4b1843d849 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-001.xht @@ -0,0 +1,28 @@ +<!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: Font-family and 'display: inline' elements</title> + <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-family" /> + <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="match" href="font-family-applies-to-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-family' property applies to 'display: inline' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + display: inline; + font-family: Ahem; + vertical-align: top; + } + </style> + </head> + <body> + <p>Test passes if there is a small black square.</p> + <div>X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-002.xht new file mode 100644 index 0000000000..918b67ad69 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-002.xht @@ -0,0 +1,29 @@ +<!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: Font-family and 'display: block' elements</title> + <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-family" /> + <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="match" href="font-family-applies-to-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-family' property applies to 'display: block' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + span + { + display: block; + font-family: Ahem; + } + </style> + </head> + <body> + <p>Test passes if there is a small black square.</p> + <div> + <span>X</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-003.xht new file mode 100644 index 0000000000..ef552e0c72 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-003.xht @@ -0,0 +1,29 @@ +<!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: Font-family and 'display: list-item' elements</title> + <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-family" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-family' property applies to 'display: list-item' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + body + { + margin-left: 2em; + } + div + { + display: list-item; + font-family: Ahem; + } + </style> + </head> + <body> + <p>Test passes if there is a small black square and a marker bullet on its left-hand side.</p> + <div>X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-005.xht new file mode 100644 index 0000000000..54735e50df --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-005.xht @@ -0,0 +1,38 @@ +<!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: Font-family and 'display: inline-block' elements</title> + <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-family" /> + <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="match" href="font-family-applies-to-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-family' property applies to 'display: inline-block' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + display: inline-block; + font-family: Ahem; + } + + span.block-descendant + { + color: white; + display: block; + } + </style> + </head> + <body> + <p>Test passes if there is a small black square.</p> + + <div>I + <span class="block-descendant">B</span> + <span class="block-descendant">B</span> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-006.xht new file mode 100644 index 0000000000..82a16a7b4c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-006.xht @@ -0,0 +1,42 @@ +<!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: Font-family and 'display: table' elements</title> + <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-family" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" /> + + <link rel="match" href="font-family-applies-to-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-family' property applies to 'display: table' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #table + { + display: table; + font-family: Ahem; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a small black square.</p> + <div id="table"> + <div class="row"> + <div class="cell">X</div> + </div> + <div class="row"> + <div class="cell"> </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-007.xht new file mode 100644 index 0000000000..10d2324884 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-007.xht @@ -0,0 +1,45 @@ +<!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: Font-family and 'display: inline-table' elements</title> + <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-family" /> + <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="match" href="font-family-applies-to-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-family' property applies to 'display: inline-table' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #table + { + display: inline-table; + font-family: Ahem; + vertical-align: top; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a small black square.</p> + + <div id="table"> + <div class="row"> + <div class="cell">X</div> + </div> + <div class="row"> + <div class="cell"> </div> + </div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-008.xht new file mode 100644 index 0000000000..1f33ff2886 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-008.xht @@ -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> + <title>CSS Test: Font-family and 'display: table-row-group' elements</title> + <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-family" /> + <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="match" href="font-family-applies-to-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-family' property applies to 'display: table-row-group' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #table + { + display: table; + } + #test + { + display: table-row-group; + font-family: Ahem; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a small black square.</p> + <div id="table"> + <div id="test"> + <div class="row"> + <div class="cell">X</div> + </div> + <div class="row"> + <div class="cell"> </div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-009.xht new file mode 100644 index 0000000000..2c9eb70764 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-009.xht @@ -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> + <title>CSS Test: Font-family and 'display: table-header-group' elements</title> + <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-family" /> + <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="match" href="font-family-applies-to-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-family' property applies to 'display: table-header-group' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #table + { + display: table; + } + #test + { + display: table-header-group; + font-family: Ahem; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a small black square.</p> + <div id="table"> + <div id="test"> + <div class="row"> + <div class="cell">X</div> + </div> + <div class="row"> + <div class="cell"> </div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-010.xht new file mode 100644 index 0000000000..2d23fbcc19 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-010.xht @@ -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> + <title>CSS Test: Font-family and 'display: table-footer-group' elements</title> + <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-family" /> + <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="match" href="font-family-applies-to-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-family' property applies to 'display: table-footer-group' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #table + { + display: table; + } + #test + { + display: table-footer-group; + font-family: Ahem; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a small black square.</p> + <div id="table"> + <div id="test"> + <div class="row"> + <div class="cell">X</div> + </div> + <div class="row"> + <div class="cell"> </div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-011.xht new file mode 100644 index 0000000000..3b0ed8fe98 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-011.xht @@ -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> + <title>CSS Test: Font-family and 'display: table-row' elements</title> + <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-family" /> + <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="match" href="font-family-applies-to-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-family' property applies to 'display: table-row' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #table + { + display: table; + } + #row + { + display: table-row; + font-family: Ahem; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a small black square.</p> + <div id="table"> + <div id="row"> + <div id="cell">X</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-014.xht new file mode 100644 index 0000000000..b3f16462e1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-014.xht @@ -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> + <title>CSS Test: Font-family and 'display: table-cell' elements</title> + <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-family" /> + <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="match" href="font-family-applies-to-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-family' property applies to 'display: table-cell' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #table + { + display: table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + font-family: Ahem; + } + </style> + </head> + <body> + <p>Test passes if there is a small black square.</p> + <div id="table"> + <div id="row"> + <div id="cell">X</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-015.xht new file mode 100644 index 0000000000..ffb1b1b3b7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-015.xht @@ -0,0 +1,44 @@ +<!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: Font-family and 'display: table-caption' elements</title> + <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-family" /> + <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="match" href="font-family-applies-to-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-family' property applies to 'display: table-caption' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #table + { + display: table; + } + #test + { + display: table-caption; + font-family: Ahem; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a small black square.</p> + <div id="table"> + <div id="test">X</div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-016.xht new file mode 100644 index 0000000000..9582d7828d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-016.xht @@ -0,0 +1,28 @@ +<!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: Font-family and 'display: none' elements</title> + <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-family" /> + <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="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-family' property applies to 'display: none' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + display: none; + font-family: Ahem; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Fail</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-017.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-017.xht new file mode 100644 index 0000000000..2290068ddf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-017.xht @@ -0,0 +1,34 @@ +<!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: Font-family and 'display: inherit' elements</title> + <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-family" /> + <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="match" href="font-family-applies-to-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-family' property applies to 'display: inherit' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #parent + { + display: inline + } + div div + { + display: inherit; + font-family: Ahem; + vertical-align: top; + } + </style> + </head> + <body> + <p>Test passes if there is a small black square.</p> + <div id="parent"> + <div>X</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-001-ref.html b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-001-ref.html new file mode 100644 index 0000000000..28a9448628 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-001-ref.html @@ -0,0 +1,26 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<link rel="author" title="Intel" href="http://www.intel.com"> +<body> + <p>Test passes if there are only numbers (1-19) below.</p> + <div>1</div> + <div>2</div> + <div>3</div> + <div>4</div> + <div>5</div> + <div>6</div> + <div>7</div> + <div>8</div> + <div>9</div> + <div>10</div> + <div>11</div> + <div>12</div> + <div>13</div> + <div>14</div> + <div>15</div> + <div>16</div> + <div>17</div> + <div>18</div> + <div>19</div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-001.xht new file mode 100644 index 0000000000..a0162da091 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-001.xht @@ -0,0 +1,118 @@ +<!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: Invalid characters in font-family values</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Arron Eicholz" href="http://www.microsoft.com/" /> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/> + <link rel="match" href="font-family-invalid-characters-001-ref.html" /> + <meta name="flags" content="ahem invalid" /> + <meta name="assert" content="Invalid characters in font family names invalidate entire declaration."/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + <![CDATA[ + #div1 + { + font-family: test!foo, Ahem; + } + #div2 + { + font-family: test@foo, Ahem; + } + #div3 + { + font-family: test#foo, Ahem; + } + #div4 + { + font-family: test$foo, Ahem; + } + #div5 + { + font-family: test%foo, Ahem; + } + #div6 + { + font-family: test^foo, Ahem; + } + #div7 + { + font-family: test&foo, Ahem; + } + #div8 + { + font-family: test*foo, Ahem; + } + #div9 + { + font-family: test=foo, Ahem; + } + #div10 + { + font-family: test+foo, Ahem; + } + #div11 + { + font-family: test|foo, Ahem; + } + #div12 + { + font-family: test;foo, Ahem; + } + #div13 + { + font-family: test:foo, Ahem; + } + #div14 + { + font-family: test.foo, Ahem; + } + #div15 + { + font-family: test/foo, Ahem; + } + #div16 + { + font-family: test?foo, Ahem; + } + #div17 + { + font-family: test`foo, Ahem; + } + #div18 + { + font-family: test~foo, Ahem; + } + #div19 + { + font-family: 1996, Ahem; + } + ]]> + </style> + </head> + <body> + <p>Test passes if there are only numbers (1-19) below.</p> + <div id="div1">1</div> + <div id="div2">2</div> + <div id="div3">3</div> + <div id="div4">4</div> + <div id="div5">5</div> + <div id="div6">6</div> + <div id="div7">7</div> + <div id="div8">8</div> + <div id="div9">9</div> + <div id="div10">10</div> + <div id="div11">11</div> + <div id="div12">12</div> + <div id="div13">13</div> + <div id="div14">14</div> + <div id="div15">15</div> + <div id="div16">16</div> + <div id="div17">17</div> + <div id="div18">18</div> + <div id="div19">19</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-002-ref.html b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-002-ref.html new file mode 100644 index 0000000000..8cb53a56de --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-002-ref.html @@ -0,0 +1,10 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<link rel="author" title="Intel" href="http://www.intel.com"> +<body> + <p>Test passes if there are only numbers (1-3) below and no red visible on the page.</p> + <div>1</div> + <div>2</div> + <div>3</div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-002.xht new file mode 100644 index 0000000000..298d9c31a8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-002.xht @@ -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> + <title>CSS Test: Invalid parenthesis and pair matching</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Arron Eicholz" href="http://www.microsoft.com/" /> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/> + <link rel="match" href="font-family-invalid-characters-002-ref.html" /> + <meta name="flags" content="ahem invalid" /> + <meta name="assert" content="Invalid characters in font family names."/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + <![CDATA[ + #div3 + { + background: red; + } + #div1 + { + font-family: test)foo, Ahem; + } + #div2 + { + font-family: test(foo, Ahem; + } + body + { + background: red;}) + } + #div3 + { + background: transparent; + } + #div3 + { + font-family: test(foo), Ahem; + } + ]]> + </style> + </head> + <body> + <p>Test passes if there are only numbers (1-3) below and no red visible on the page.</p> + <div id="div1">1</div> + <div id="div2">2</div> + <div id="div3">3</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-003.xht new file mode 100644 index 0000000000..6f08f61d5f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-003.xht @@ -0,0 +1,62 @@ +<!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: Invalid curly brackets and pair matching</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Arron Eicholz" href="http://www.microsoft.com/" /> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/> + <link rel="match" href="font-family-invalid-characters-002-ref.html"/> + <meta name="flags" content="ahem invalid" /> + <meta name="assert" content="Invalid characters in font family names."/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + <![CDATA[ + #div3 + { + background: red; + color: red; + } + #div1 + { + font-family: test{foo}, Ahem; + } + #div2 + { + color: red; + font-family: test{foo, Ahem; + background: red; + } + body + { + background: red;}; + color: inherit; + } + #div3 + { + background: transparent; + } + #div3 + { + font-family: test}foo, Ahem; + } + body + { + background: red; + } + #div3 + { + color: inherit; + } + ]]> + </style> + </head> + <body> + <p>Test passes if there are only numbers (1-3) below and no red visible on the page.</p> + <div id="div1">1</div> + <div id="div2">2</div> + <div id="div3">3</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-004.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-004.xht new file mode 100644 index 0000000000..dc54d8440d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-004.xht @@ -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> + <title>CSS Test: Invalid square brackets and pair matching</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Arron Eicholz" href="http://www.microsoft.com/" /> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/> + <link rel="match" href="font-family-invalid-characters-002-ref.html"/> + <meta name="flags" content="ahem invalid" /> + <meta name="assert" content="Invalid characters in font family names."/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + <![CDATA[ + #div3 + { + background: red; + } + #div1 + { + font-family: test]foo, Ahem; + } + #div2 + { + font-family: test[foo, Ahem; + } + body + { + background: red;}] + } + #div3 + { + background: transparent; + } + #div3 + { + font-family: test[foo], Ahem; + } + ]]> + </style> + </head> + <body> + <p>Test passes if there are only numbers (1-3) below and no red visible on the page.</p> + <div id="div1">1</div> + <div id="div2">2</div> + <div id="div3">3</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-005-ref.html b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-005-ref.html new file mode 100644 index 0000000000..e70934abb8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-005-ref.html @@ -0,0 +1,11 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<link rel="author" title="Intel" href="http://www.intel.com"> +<body> + <p>Test passes if there are only numbers (1-4) below and no red visible on the page.</p> + <div>1</div> + <div>2</div> + <div>3</div> + <div>4</div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-005.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-005.xht new file mode 100644 index 0000000000..f7c38ce83e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-005.xht @@ -0,0 +1,49 @@ +<!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: Invalid quotes and pair matching</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Arron Eicholz" href="http://www.microsoft.com/" /> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/> + <link rel="match" href="font-family-invalid-characters-005-ref.html"/> + <meta name="flags" content="ahem invalid" /> + <meta name="assert" content="Invalid characters in font family names."/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + <![CDATA[ + #div1 + { + background: red; + font-family: test"foo, Ahem; + color: red; + background: transparent; + } + #div2 + { + font-family: test"foo", Ahem; + } + #div3 + { + background: red; + font-family: test'foo, Ahem; + color: red; + background: transparent; + } + #div4 + { + font-family: test'foo', Ahem; + } + ]]> + </style> + </head> + <body> + <p>Test passes if there are only numbers (1-4) below and no red visible on the page.</p> + <div id="div1">1</div> + <div id="div2">2</div> + <div id="div3">3</div> + <div id="div4">4</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-006-ref.html b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-006-ref.html new file mode 100644 index 0000000000..9ba76ddd2b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-006-ref.html @@ -0,0 +1,9 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<link rel="author" title="Intel" href="http://www.intel.com"> +<body> + <p>Test passes if there are only numbers (1-2) below and no red visible on the page.</p> + <div>1</div> + <div>2</div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-006.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-006.xht new file mode 100644 index 0000000000..83ecbb6ff8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-006.xht @@ -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> + <title>CSS Test: Invalid single quotes and pair matching</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Arron Eicholz" href="http://www.microsoft.com/" /> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/> + <link rel="match" href="font-family-invalid-characters-006-ref.html"/> + <meta name="flags" content="ahem invalid" /> + <meta name="assert" content="Invalid characters in font family names."/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + <![CDATA[ + #div1 + { + background: red; + font-family: test'foo, Ahem; + color: red; + background: transparent; + } + #div2 + { + font-family: test'foo', Ahem; + } + ]]> + </style> + </head> + <body> + <p>Test passes if there are only numbers (1-2) below and no red visible on the page.</p> + <div id="div1">1</div> + <div id="div2">2</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-001-ref.html b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-001-ref.html new file mode 100644 index 0000000000..2fd98e8c8f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-001-ref.html @@ -0,0 +1,9 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<link rel="author" title="Intel" href="http://www.intel.com"> +<body> + <p>PREREQUISITE: Operating system cannot have a font named "UnknownFont" installed. If it is installed remove it to verify this test.</p> + <p>Test passes if there is a letter "X" below.</p> + <div>X</div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-001.xht new file mode 100644 index 0000000000..5fe2809ff4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-001.xht @@ -0,0 +1,22 @@ +<!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: Font-family, fallback mechanism</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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="match" href="font-family-rule-001-ref.html" /> + <meta name="assert" content="Unknown or unavailable fonts fallback to the default font family. The default font family varies and depends on user agent." /> + <style type="text/css"> + div + { + font-family: UnknownFont; + } + </style> + </head> + <body> + <p>PREREQUISITE: Operating system cannot have a font named "UnknownFont" installed. If it is installed remove it to verify this test.</p> + <p>Test passes if there is a letter "X" below.</p> + <div>X</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-002.xht new file mode 100644 index 0000000000..5b4e85a324 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-002.xht @@ -0,0 +1,27 @@ +<!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: Font-family with white space</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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"/> + <meta name="assert" content="Font names containing any white space need to be quoted. It is also recognized if it is not quoted." /> + <style type="text/css"> + #div1 + { + font-family: "White Space"; + } + #div2 + { + font-family: White Space; + } + </style> + </head> + <body> + <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_whitespace.ttf">White Space</a>' font installed.</p> + <p>Post Test: Remove test font after running the test.</p> + <p>Test passes if there is at least one box below. It is ok to have one letter "X".</p> + <div id="div1">X</div> + <div id="div2">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-002a-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-002a-ref.xht new file mode 100644 index 0000000000..d4c9684e61 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-002a-ref.xht @@ -0,0 +1,46 @@ +<!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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: black; + height: 20px; + margin-bottom: 10px; + width: 80px; + } + + div#first {margin-top: 21px;} + ]]></style> + + </head> + + <body> + + <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_whitespace.ttf" type="application/x-font-ttf">White Space</a>' font installed.</p> + + <p>Post Test: Remove test font after running the test.</p> + + <p>Test passes if there are 6 short black stripes.</p> + + <div id="first"></div> + + <div></div> + + <div></div> + + <div></div> + + <div></div> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-002a.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-002a.xht new file mode 100644 index 0000000000..f3ad0144a2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-002a.xht @@ -0,0 +1,77 @@ +<!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: Unquoted and unescaped font-family name with white spaces</title> + + <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-family-prop" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop" title="3.1 Font family: the font-family property" /> + <link rel="match" href="font-family-rule-002a-ref.xht" /> + + <meta content="Any white space characters before or after an unquoted and unescaped font-family name are removed. Any sequence of white space characters between identifiers of an unquoted and unescaped font-family name should be converted to a single white space separating its identifiers." name="assert" /> + + <style type="text/css"><![CDATA[ + div + { + font-size: 1.25em; + line-height: 1.5; + } + + #quoted + { + font-family: "White Space"; + } + + #unquoted + { + font-family: White Space; + } + + #unquoted-spaces-before + { + font-family: White Space; + } + + #unquoted-spaces-between + { + font-family: White Space; + } + + #unquoted-spaces-after + { + font-family: White Space ; + } + + #unquoted-spaces-all + { + font-family: White Space ; + } + ]]></style> + + </head> + + <body> + + <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_whitespace.ttf" type="application/x-font-ttf">White Space</a>' font installed.</p> + + <p>Post Test: Remove test font after running the test.</p> + + <p>Test passes if there are 6 short black stripes.</p> + + <div id="quoted">FAIL</div> + + <div id="unquoted">FAIL</div> + + <div id="unquoted-spaces-before">FAIL</div> + + <div id="unquoted-spaces-between">FAIL</div> + + <div id="unquoted-spaces-after">FAIL</div> + + <div id="unquoted-spaces-all">FAIL</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-003.xht new file mode 100644 index 0000000000..93c3af110f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-003.xht @@ -0,0 +1,29 @@ +<!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: Font family name with special character, quoted</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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"/> + <meta name="flags" content="invalid" /> + <meta name="assert" content="Font names containing any special characters can be quoted. Otherwise the special character need to be escaped." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font-family: Ahem!; + } + #div2 + { + font-family: "ahem!"; + } + </style> + </head> + <body> + <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_ahem!.ttf">ahem!</a>' font installed.</p> + <p>Post Test: Remove test font after running the test.</p> + <p>Test passes if there is at least one box below. It is ok to have one letter "X".</p> + <div id="div1">X</div> + <div id="div2">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-004.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-004.xht new file mode 100644 index 0000000000..0fd2e4dd31 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-004.xht @@ -0,0 +1,27 @@ +<!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: Font family name same as keyword 'inherit'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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"/> + <meta name="assert" content="Font family named 'inherit' needs to be quoted to avoid conflict with keyword 'inherit'." /> + <style type="text/css"> + #div1 + { + font-family: "inherit"; + } + #div2 + { + font-family: inherit; + } + </style> + </head> + <body> + <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_inherit.ttf">inherit</a>' font installed.</p> + <p>Post Test: Remove test font after run test case.</p> + <p>Test passes if there is a box above the letter "X" below.</p> + <div id="div1">X</div> + <div id="div2">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-004a.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-004a.xht new file mode 100644 index 0000000000..33657ab19b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-004a.xht @@ -0,0 +1,122 @@ +<!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: font-family - inherit as part of font-family name</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="author" title="John Daggett" href="mailto:jdaggett@mozilla.com" /> + <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" title="3.1 Font family: the font-family 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="invalid" name="flags" /> + <meta content="This test verifies 9 font-family declarations with inherit and 2 font-family declarations with invalid identifiers." 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; + } + + /* + Newest font-family syntax in CSS 2.1: + Value: + [[<family-name> | <generic-family>] [, [<family-name>| <generic-family>]]* ] | inherit + + Brackets ([ ]) are for grouping. + + A bar (|) separates two or more alternatives: exactly one of them must occur. + + An asterisk (*) indicates that the preceding type, word, or group occurs zero or more times. + + Section 1.4.2.1 Value + http://www.w3.org/TR/CSS21/about.html#value-defs + */ + + div#firstTest {font-family: inherit, "CSSTest Fallback";} + /* invalid: unquoted inherit is a reserved keyword and not a font-family name */ + + div#secondTest {font-family: "CSSTest Fallback", inherit;} + /* invalid: unquoted inherit is a reserved keyword and not a font-family name */ + + div#thirdTest {font-family: inherit foo, "CSSTest Fallback";} + /* valid in CSS 2.1: the 2 identifiers (inherit foo) form a font-family name */ + + div#fourthTest {font-family: foo inherit, "CSSTest Fallback";} + /* valid in CSS 2.1: the 2 identifiers (foo inherit) form a font-family name */ + + div#fifthTest {font-family: \inherit foo, "CSSTest Fallback";} + /* valid in CSS 2.1: the 2 identifiers (\inherit foo) form a font-family name */ + + div#sixthTest {font-family: \foo inherit, "CSSTest Fallback";} + /* valid in CSS 2.1: the 2 identifiers (\foo inherit) form a font-family name */ + + div#seventhTest {font-family: "inherit" foo, "CSSTest Fallback";} + /* invalid: it's either one string or 1+ identifiers */ + + div#eighthTest {font-family: fooinherit, "CSSTest Fallback";} + /* valid */ + + div#ninthTest {font-family: inheritfoo, "CSSTest Fallback";} + /* valid */ + + div#tenthTest {font-family: --foo bar, "CSSTest Fallback";} + /* invalid: an identifier can not start with 2 consecutive hyphens + http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier + */ + + div#eleventhTest {font-family: bar --foo, "CSSTest Fallback";} + /* invalid: an identifier can not start with 2 consecutive hyphens + http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier + */ + + ]]></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 eleven "PASS" words below:</p> + + <div id="firstTest">5678</div> + + <div id="secondTest">5678</div> + + <div id="thirdTest">1234</div> + + <div id="fourthTest">1234</div> + + <div id="fifthTest">1234</div> + + <div id="sixthTest">1234</div> + + <div id="seventhTest">5678</div> + + <div id="eighthTest">1234</div> + + <div id="ninthTest">1234</div> + + <div id="tenthTest">5678</div> + + <div id="eleventhTest">5678</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-005-ref.html b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-005-ref.html new file mode 100644 index 0000000000..617a0ed621 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-005-ref.html @@ -0,0 +1,9 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<link rel="author" title="Intel" href="http://www.intel.com"> +<body> + <p>Test passes if there is the word "PASS" below.</p> + <div> </div> + <div>PASS</div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-005.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-005.xht new file mode 100644 index 0000000000..414f605216 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-005.xht @@ -0,0 +1,26 @@ +<!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: Font family unknown character glyph matching</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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="match" href="font-family-rule-005-ref.html" /> + <meta name="flags" content="dom" /> + <meta name="assert" content="Glyphs that are missing render as the missing glyph character and still report their initial character location, not the missing glyph location." /> + <style type="text/css"> + #test + { + color: white; + } + </style> + </head> + <body> + <p>Test passes if there is the word "PASS" below.</p> + <div id="test"></div> + <script type="text/javascript"> + var pass = document.getElementById("test").textContent.charCodeAt(0) === 127; + document.body.appendChild(document.createTextNode(pass ? "PASS" : "FAIL")); + </script> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-006.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-006.xht new file mode 100644 index 0000000000..3b6084af37 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-006.xht @@ -0,0 +1,22 @@ +<!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: Font family generic name cannot be quoted</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Generic font family name is not recognized if quoted." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: "sans-serif", Ahem; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div>X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-007.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-007.xht new file mode 100644 index 0000000000..8957b20624 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-007.xht @@ -0,0 +1,29 @@ +<!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: Font family name with special characters, escaped</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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"/> + <meta name="flags" content="invalid" /> + <meta name="assert" content="Font family name having special characters needs to escape special character. Otherwise the font family name need to be quoted." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font-family: Ahem\!; + } + #div2 + { + font-family: Ahem!; + } + </style> + </head> + <body> + <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_ahem!.ttf">ahem!</a>' font installed.</p> + <p>Post Test: Remove test font after running the test.</p> + <p>Test passes if there is a box above the letter "X" below.</p> + <div id="div1">X</div> + <div id="div2">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-009.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-009.xht new file mode 100644 index 0000000000..b4d56b0264 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-009.xht @@ -0,0 +1,22 @@ +<!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: Font name with multiple white space characters</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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"/> + <meta name="assert" content="Multiple white spaces inside quoted font-family name cannot be collapsed to single white space." /> + <style type="text/css"> + div + { + font-family: " White Space ", "Times New Roman"; + } + </style> + </head> + <body> + <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_whitespace.ttf">White Space</a>' font installed.</p> + <p>Post Test: Remove test font after running the test.</p> + <p>Test passes if there is a letter "X" below.</p> + <div>X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-010.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-010.xht new file mode 100644 index 0000000000..606d11a5df --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-010.xht @@ -0,0 +1,27 @@ +<!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: Font name same as reserved keyword 'initial'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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"/> + <meta name="assert" content="Font named 'initial' needs to be quoted to avoid conflict with reserved keyword 'initial'." /> + <style type="text/css"> + #test1 + { + font-family: "initial"; + } + #test2 + { + font-family: initial; + } + </style> + </head> + <body> + <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_initial.ttf">initial</a>' font installed.</p> + <p>Post Test: Remove test font after running the test.</p> + <p>Test passes if there is a box above the letter 'X' below.</p> + <div id="test1">X</div> + <div id="test2">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-011.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-011.xht new file mode 100644 index 0000000000..923104f3d5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-011.xht @@ -0,0 +1,27 @@ +<!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: Font name same as reserved keyword 'default'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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"/> + <meta name="assert" content="Font named 'default' needs to be quoted to avoid conflict with reserved keyword 'default'." /> + <style type="text/css"> + #test1 + { + font-family: "default"; + } + #test2 + { + font-family: default; + } + </style> + </head> + <body> + <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_default.ttf">default</a>' font installed.</p> + <p>Post Test: Remove test font after running the test.</p> + <p>Test passes if there is a box above the letter "X" below.</p> + <div id="test1">X</div> + <div id="test2">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-012.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-012.xht new file mode 100644 index 0000000000..19299c32f6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-012.xht @@ -0,0 +1,27 @@ +<!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: Font name same as keyword 'serif'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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"/> + <meta name="assert" content="Font named 'serif' needs to be quoted to avoid conflict with generic 'font-family' 'serif'." /> + <style type="text/css"> + #test1 + { + font-family: "serif"; + } + #test2 + { + font-family: serif; + } + </style> + </head> + <body> + <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_serif.ttf">serif</a>' font installed.</p> + <p>Post Test: Remove test font after running the test.</p> + <p>Test passes if there is a box above the letter "X" below.</p> + <div id="test1">X</div> + <div id="test2">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-013.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-013.xht new file mode 100644 index 0000000000..ba521c0ba0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-013.xht @@ -0,0 +1,27 @@ +<!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: Font name same as keyword 'sans-serif'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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"/> + <meta name="assert" content="Font named 'sans-serif' needs to be quoted to avoid conflict with generic 'font-family' 'sans-serif'." /> + <style type="text/css"> + #test1 + { + font-family: "sans-serif"; + } + #test2 + { + font-family: sans-serif; + } + </style> + </head> + <body> + <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_sans-serif.ttf">sans-serif</a>' font installed.</p> + <p>Post Test: Remove test font after running the test.</p> + <p>Test passes if there is a box above the letter "X" below.</p> + <div id="test1">X</div> + <div id="test2">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-014.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-014.xht new file mode 100644 index 0000000000..f62e76b860 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-014.xht @@ -0,0 +1,27 @@ +<!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: Font name same as keyword 'cursive'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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"/> + <meta name="assert" content="Font named 'cursive' needs to be quoted to avoid conflict with generic 'font-family' 'cursive'." /> + <style type="text/css"> + #div1 + { + font-family: "cursive"; + } + #div2 + { + font-family: cursive; + } + </style> + </head> + <body> + <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_cursive.ttf">cursive</a>' font installed.</p> + <p>Post Test: Remove test font after running the test.</p> + <p>Test passes if there is a box above the letter "X" below.</p> + <div id="div1">X</div> + <div id="div2">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-015.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-015.xht new file mode 100644 index 0000000000..ca5353338e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-015.xht @@ -0,0 +1,27 @@ +<!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: Font name same as keyword 'fantasy'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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"/> + <meta name="assert" content="Font named 'fantasy' needs to be quoted to avoid conflict with generic 'font-family' 'fantasy'." /> + <style type="text/css"> + #div1 + { + font-family: "fantasy"; + } + #div2 + { + font-family: fantasy; + } + </style> + </head> + <body> + <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_fantasy.ttf">fantasy</a>' font installed.</p> + <p>Post Test: Remove test font after running the test.</p> + <p>Test passes if there is a box above the letter "X" below.</p> + <div id="div1">X</div> + <div id="div2">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-016.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-016.xht new file mode 100644 index 0000000000..7059c27793 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-016.xht @@ -0,0 +1,27 @@ +<!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: Font name same as keyword 'monospace'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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"/> + <meta name="assert" content="Font named 'monospace' need to be quoted to avoid conflict with generic 'font-family' 'monospace'." /> + <style type="text/css"> + #div1 + { + font-family: "monospace"; + } + #div2 + { + font-family: monospace; + } + </style> + </head> + <body> + <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_monospace.ttf">monospace</a>' font installed.</p> + <p>Post Test: Remove test font after running the test.</p> + <p>Test passes if there is a box above the letter "X" below.</p> + <div id="div1">X</div> + <div id="div2">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-017.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-017.xht new file mode 100644 index 0000000000..b761abcba6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-017.xht @@ -0,0 +1,22 @@ +<!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: Font-family multiple white space characters in font name</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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"/> + <meta name="assert" content="Multiple (1 or many) white spaces before and after an unquoted font-family name are ignored. Multiple (more than 1) white spaces inside an unquoted font name get converted to single white space." /> + <style type="text/css"> + div + { + font-family: White Space , "Times New Roman"; + } + </style> + </head> + <body> + <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_whitespace.ttf">White Space</a>' font installed.</p> + <p>Post Test: Remove test font after running the test.</p> + <p>Test passes if there is a box below.</p> + <div>X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-valid-characters-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-valid-characters-001.xht new file mode 100644 index 0000000000..b385c3d541 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-valid-characters-001.xht @@ -0,0 +1,71 @@ +<!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: Valid characters in font-family values</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Arron Eicholz" href="http://www.microsoft.com/" /> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/> + <link rel="match" href="font-family-valid-characters-ref.html" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Valid characters in font family names."/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font-family: test-foo, Ahem; + } + #div2 + { + font-family: test_foo, Ahem; + } + #div3 + { + font-family: test\foo, Ahem; + } + #div4 + { + font-family: test, foo, Ahem; + } + #div5 + { + font-family: _testfoo, Ahem; + } + #div6 + { + font-family: -testfoo, Ahem; + } + #div7 + { + font-family: test -foo, Ahem; + } + #div8 + { + font-family: test _foo, Ahem; + } + #div9 + { + font-family: \testfoo, Ahem; + } + #div10 + { + font-family: test-_foo, Ahem; + } + </style> + </head> + <body> + <p>Test passes if the word "Fail" is not visible below.</p> + <div id="div1">Fail</div> + <div id="div2">Fail</div> + <div id="div3">Fail</div> + <div id="div4">Fail</div> + <div id="div5">Fail</div> + <div id="div6">Fail</div> + <div id="div7">Fail</div> + <div id="div8">Fail</div> + <div id="div9">Fail</div> + <div id="div10">Fail</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-valid-characters-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-valid-characters-002.xht new file mode 100644 index 0000000000..fa54f1c492 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-valid-characters-002.xht @@ -0,0 +1,74 @@ +<!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: Valid numbers in font-family values</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Arron Eicholz" href="http://www.microsoft.com/" /> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" /> + <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="match" href="font-family-valid-characters-ref.html" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Font family names must be identifiers."/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + } + #div1 + { + font-family: 5testfoo, serif; + } + #div2 + { + font-family: testfoo 5-0, serif; + } + #div3 + { + font-family: test 5foo, serif; + } + #div4 + { + font-family: testfoo -5, serif; + } + #div5 + { + font-family: testfoo -5bar, serif; + } + #div6 + { + font-family: testfoo 5_0, serif; + } + #div7 + { + font-family: testfoo _5, Ahem; + } + #div8 + { + font-family: testfoo _5bar, Ahem; + } + #div9 + { + font-family: -5testfoo, serif; + } + #div10 + { + font-family: _5testfoo, Ahem; + } + </style> + </head> + <body> + <p>Test passes if the word "Fail" is not visible below.</p> + <div id="div1">Fail</div> + <div id="div2">Fail</div> + <div id="div3">Fail</div> + <div id="div4">Fail</div> + <div id="div5">Fail</div> + <div id="div6">Fail</div> + <div id="div7">Fail</div> + <div id="div8">Fail</div> + <div id="div9">Fail</div> + <div id="div10">Fail</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-valid-characters-ref.html b/testing/web-platform/tests/css/CSS2/fonts/font-family-valid-characters-ref.html new file mode 100644 index 0000000000..fa50db3783 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-valid-characters-ref.html @@ -0,0 +1,24 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<link rel="author" title="Intel" href="http://www.intel.com"> +<meta name="flags" content="ahem" /> +<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> +<style> + div { + font-family: Ahem; + } +</style> +<body> + <p>Test passes if the word "Fail" is not visible below.</p> + <div>Fail</div> + <div>Fail</div> + <div>Fail</div> + <div>Fail</div> + <div>Fail</div> + <div>Fail</div> + <div>Fail</div> + <div>Fail</div> + <div>Fail</div> + <div>Fail</div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-001.xht new file mode 100644 index 0000000000..a10c97afa7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-001.xht @@ -0,0 +1,29 @@ +<!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: Font Matching Algorithm, Match Font-Family</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#algorithm" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-matching-algorithm" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-matching" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="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." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #wrapper + { + font-style: italic; + } + div + { + font-family: Ahem; + } + </style> + </head> + <body> + <p>Test passes if the box below slants to one side.</p> + <div id="wrapper"> + <div>X</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-006.xht b/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-006.xht new file mode 100644 index 0000000000..448d0d52d8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-006.xht @@ -0,0 +1,33 @@ +<!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: Font Matching Algorithm, match font-style</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#algorithm" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-matching-algorithm" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-matching" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="If the font contains definition of 'italic' or 'oblique' and italic or oblique is set by the style, then use that font." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + } + #span1 + { + font-style: italic; + } + #span2 + { + font-style: oblique; + } + </style> + </head> + <body> + <p>Test passes if the box below slants to one side.</p> + <div> + <span id="span1">X</span><span id="span2">X</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-008.xht b/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-008.xht new file mode 100644 index 0000000000..622354c566 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-008.xht @@ -0,0 +1,22 @@ +<!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: Font Matching Algorithm, small-caps synthesized</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#algorithm" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The small-caps font is rendered similar to uppercase letters except with a smaller size." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 1in/1 Ahem; + font-variant: small-caps; + } + </style> + </head> + <body> + <p>Test passes if there is a box below and the right half is the same height or shorter than the left half.</p> + <div>Xx</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-009.xht b/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-009.xht new file mode 100644 index 0000000000..fc2e54b7c5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-009.xht @@ -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> + <title>CSS Test: Font Matching Algorithm, font-weight out of range</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#algorithm" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-matching-algorithm" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-matching" /> + <link rel="match" href="font-weight-normal-ref.html" /> + <meta name="flags" content="invalid" /> + <meta name="assert" content="Invalid font weight values are set to the default weight of 400." /> + <style type="text/css"> + div + { + font-family: serif; + } + #span1 + { + font-weight: 400; + } + #span2 + { + font-weight: 9000; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div id="span1">Filler Text</div> + <div id="span2">Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-010.xht b/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-010.xht new file mode 100644 index 0000000000..2dbb397cfc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-010.xht @@ -0,0 +1,24 @@ +<!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: Font Matching Algorithm, font-variant never fails if property does not match</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#algorithm" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-matching-algorithm" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-matching" /> + <meta name="assert" content="If a font property value is not defined, user agent still can use normal value of that property." /> + <style type="text/css"> + div + { + font-family: MissingNormal; + font-variant: normal; + } + </style> + </head> + <body> + <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_missingnormal.ttf">Missing Normal</a>' font installed.</p> + <p>Post Test: Remove test font after running the test.</p> + <p>Test passes if there is a square below.</p> + <div>X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-012.xht b/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-012.xht new file mode 100644 index 0000000000..7c233a5750 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-012.xht @@ -0,0 +1,33 @@ +<!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: Font Matching Algorithm, font-size and rounding</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#algorithm" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-matching-algorithm" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-matching" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The font-size for scalable fonts are rounded to the nearest whole pixel." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + } + #span1 + { + font-size: 20px; + } + #span2 + { + font-size: 20.25px; + } + </style> + </head> + <body> + <p>Test passes if there is a single box below and the top edge is not jagged.</p> + <div> + <span id="span1">X</span><span id="span2">X</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-013.xht b/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-013.xht new file mode 100644 index 0000000000..8925cb38f0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-013.xht @@ -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"> + <head> + <title>CSS Test: Font Matching Algorithm, font-variant font missing small-caps property</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#algorithm" /> + <meta name="assert" content="A font that is only available as small-caps can be assigned either a normal or a small-caps to its font-variant property. Both values have the same effect." /> + <style type="text/css"> + span + { + font-family: SmallCaps; + } + #span1 + { + font-variant: normal; + } + #span2 + { + font-variant: small-caps; + } + </style> + </head> + <body> + <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_smallcaps.ttf">Small Caps</a>' font installed.</p> + <p>Post Test: Remove test font after running the test.</p> + <p>Test passes if there is a box below and the top edge is not jagged.</p> + <div> + <span id="span1">X</span><span id="span2">X</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-014.xht b/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-014.xht new file mode 100644 index 0000000000..4dfb1acbcb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-014.xht @@ -0,0 +1,24 @@ + <!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: Font Matching Algorithm, same fonts</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#algorithm" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-matching-algorithm" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-matching" /> + <meta name="assert" content="If all available fonts are exactly same in all properties, the user agent selects one of them." /> + <style type="text/css"> + div + { + font-family: MissingItalicOblique, serif; + font-style: italic; + } + </style> + </head> + <body> + <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_MissingItalicOblique.ttf">Missing Italic Oblique</a>' font installed. User agent needs to have the generic fonts all set to the "Missing Italic Oblique" font.</p> + <p>Post Test: Remove test font after running the test.</p> + <p>Test passes if either there is a slanted box below or a letter "X" slanted to one side.</p> + <div>X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-001.xht new file mode 100644 index 0000000000..45bdc1704a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-001.xht @@ -0,0 +1,27 @@ +<!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: Font-size using pixels with a minimum minus one value, -1px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht" /> + <meta name="flags" content="ahem invalid" /> + <meta name="assert" content="The 'font-size' property sets a minimum minus one length value in pixels is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent)." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: 0; + font-size: -1px; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-002.xht new file mode 100644 index 0000000000..5f8b20d293 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-002.xht @@ -0,0 +1,26 @@ +<!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: Font-size using pixels with a minimum value, 0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a minimum length value in pixels." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: 0px; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-003.xht new file mode 100644 index 0000000000..2264af2b1f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-003.xht @@ -0,0 +1,24 @@ +<!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: Font-size using pixels with a minimum plus one value, 1px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a minimum plus one length value in pixels." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + font-size: 1px; + } + </style> + </head> + <body> + <p>Test passes if there is a tiny box below.</p> + <div>x</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-004.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-004.xht new file mode 100644 index 0000000000..abf7fe01bd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-004.xht @@ -0,0 +1,26 @@ +<!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: Font-size using pixels with a negative zero value, -0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a negative zero length value in pixels." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: -0px; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-005.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-005.xht new file mode 100644 index 0000000000..41e1181a57 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-005.xht @@ -0,0 +1,26 @@ +<!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: Font-size using pixels with a positive zero value, +0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a positive zero length value in pixels." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: +0px; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-006.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-006.xht new file mode 100644 index 0000000000..8629310748 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-006.xht @@ -0,0 +1,40 @@ +<!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: Font-size using pixels with a nominal value, 96px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a nominal length value in pixels." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + line-height: 1em; + position: relative; + } + #div2 + { + font-size: 96px; + } + #div3 + { + border-top: 96px solid black; + left: 1.1in; + position: absolute; + top: 0; + width: 96px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same size.</p> + <div id="div1"> + <div id="div2">X</div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-007.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-007.xht new file mode 100644 index 0000000000..45a10bebe4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-007.xht @@ -0,0 +1,40 @@ +<!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: Font-size using pixels with a positive nominal value, +96px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a positive nominal length value in pixels." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + line-height: 1em; + position: relative; + } + #div2 + { + font-size: +96px; + } + #div3 + { + border-top: 96px solid black; + left: 1.1in; + position: absolute; + top: 0; + width: 96px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same size.</p> + <div id="div1"> + <div id="div2">X</div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-012.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-012.xht new file mode 100644 index 0000000000..bb46e9a5de --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-012.xht @@ -0,0 +1,27 @@ +<!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: Font-size using points with a minimum minus one value, -1pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht"/> + <meta name="flags" content="ahem invalid" /> + <meta name="assert" content="The 'font-size' property sets a minimum minus one length value in points is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent)." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: 0; + font-size: -1pt; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-013.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-013.xht new file mode 100644 index 0000000000..ddd289005a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-013.xht @@ -0,0 +1,26 @@ +<!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: Font-size using points with a minimum value, 0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a minimum length value in points." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: 0pt; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-014.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-014.xht new file mode 100644 index 0000000000..689f11d4a6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-014.xht @@ -0,0 +1,24 @@ +<!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: Font-size using points with a minimum plus one value, 1pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a minimum plus one length value in points." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + font-size: 1pt; + } + </style> + </head> + <body> + <p>Test passes if there is a tiny box below.</p> + <div>X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-015.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-015.xht new file mode 100644 index 0000000000..e7980c65e6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-015.xht @@ -0,0 +1,26 @@ +<!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: Font-size using points with a negative zero value, -0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a negative zero length value in points." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: -0pt; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-016.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-016.xht new file mode 100644 index 0000000000..1489c90b9a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-016.xht @@ -0,0 +1,26 @@ +<!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: Font-size using points with a positive zero value, +0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a positive zero length value in points." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: +0pt; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-017.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-017.xht new file mode 100644 index 0000000000..804074e437 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-017.xht @@ -0,0 +1,40 @@ +<!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: Font-size using points with a nominal value, 72pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a nominal length value in points." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + line-height: 1em; + position: relative; + } + #div2 + { + font-size: 72pt; + } + #div3 + { + border-top: 72pt solid black; + left: 1.1in; + position: absolute; + top: 0; + width: 72pt; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same size.</p> + <div id="div1"> + <div id="div2">X</div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-018.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-018.xht new file mode 100644 index 0000000000..dcd40035dc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-018.xht @@ -0,0 +1,40 @@ +<!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: Font-size using points with a positive nominal value, +72pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a positive nominal length value in points." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + line-height: 1em; + position: relative; + } + #div2 + { + font-size: +72pt; + } + #div3 + { + border-top: 72pt solid black; + left: 1.1in; + position: absolute; + top: 0; + width: 72pt; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same size.</p> + <div id="div1"> + <div id="div2">X</div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-023.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-023.xht new file mode 100644 index 0000000000..3f992f9b46 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-023.xht @@ -0,0 +1,27 @@ +<!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: Font-size using picas with a minimum minus one value, -1pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht"/> + <meta name="flags" content="ahem invalid" /> + <meta name="assert" content="The 'font-size' property sets a minimum minus one length value in picas is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent)." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: 0; + font-size: -1pc; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-024.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-024.xht new file mode 100644 index 0000000000..000ccee0b2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-024.xht @@ -0,0 +1,26 @@ +<!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: Font-size using picas with a minimum value, 0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a minimum length value in picas." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: 0pc; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-025.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-025.xht new file mode 100644 index 0000000000..daeade7e4c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-025.xht @@ -0,0 +1,24 @@ +<!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: Font-size using picas with a minimum plus one value, 1pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a minimum plus one length value in picas." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + font-size: 1pc; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <div>X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-026.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-026.xht new file mode 100644 index 0000000000..bc044f2c6c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-026.xht @@ -0,0 +1,26 @@ +<!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: Font-size using picas with a negative zero value, -0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a negative zero length value in picas." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: -0pc; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-027.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-027.xht new file mode 100644 index 0000000000..f8e5fa2f62 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-027.xht @@ -0,0 +1,26 @@ +<!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: Font-size using picas with a positive zero value, +0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a positive zero length value in picas." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: +0pc; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-028.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-028.xht new file mode 100644 index 0000000000..37f9343574 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-028.xht @@ -0,0 +1,40 @@ +<!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: Font-size using picas with a nominal value, 6pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a nominal length value in picas." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + line-height: 1em; + position: relative; + } + #div2 + { + font-size: 6pc; + } + #div3 + { + border-top: 6pc solid black; + left: 1.1in; + position: absolute; + top: 0; + width: 6pc; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same size.</p> + <div id="div1"> + <div id="div2">X</div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-029.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-029.xht new file mode 100644 index 0000000000..50067728d1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-029.xht @@ -0,0 +1,40 @@ +<!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: Font-size using picas with a positive nominal value, +6pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a positive nominal length value in picas." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + line-height: 1em; + position: relative; + } + #div2 + { + font-size: +6pc; + } + #div3 + { + border-top: 6pc solid black; + left: 1.1in; + position: absolute; + top: 0; + width: 6pc; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same size.</p> + <div id="div1"> + <div id="div2">X</div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-034.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-034.xht new file mode 100644 index 0000000000..db9c444386 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-034.xht @@ -0,0 +1,27 @@ +<!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: Font-size using centimeters with a minimum minus one value, -1cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht"/> + <meta name="flags" content="ahem invalid" /> + <meta name="assert" content="The 'font-size' property sets a minimum minus one length value in centimeters is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent)." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: 0; + font-size: -1cm; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-035.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-035.xht new file mode 100644 index 0000000000..f341914f1a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-035.xht @@ -0,0 +1,26 @@ +<!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: Font-size using centimeters with a minimum value, 0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a minimum length value in centimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: 0cm; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-036.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-036.xht new file mode 100644 index 0000000000..6b8fae2cf8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-036.xht @@ -0,0 +1,24 @@ +<!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: Font-size using centimeters with a minimum plus one value, 1cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a minimum plus one length value in centimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + font-size: 1cm; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <div>X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-037.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-037.xht new file mode 100644 index 0000000000..96c46102ea --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-037.xht @@ -0,0 +1,26 @@ +<!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: Font-size using centimeters with a negative zero value, -0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a negative zero length value in centimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: -0cm; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-038.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-038.xht new file mode 100644 index 0000000000..56363a0b88 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-038.xht @@ -0,0 +1,26 @@ +<!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: Font-size using centimeters with a positive zero value, +0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a positive zero length value in centimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: +0cm; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-039.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-039.xht new file mode 100644 index 0000000000..9b6316fa21 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-039.xht @@ -0,0 +1,40 @@ +<!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: Font-size using centimeters with a nominal value, 2.54cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a nominal length value in centimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + line-height: 1em; + position: relative; + } + #div2 + { + font-size: 2.54cm; + } + #div3 + { + border-top: 2.54cm solid black; + left: 1.1in; + position: absolute; + top: 0; + width: 2.54cm; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same size.</p> + <div id="div1"> + <div id="div2">X</div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-040.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-040.xht new file mode 100644 index 0000000000..7b720b4207 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-040.xht @@ -0,0 +1,40 @@ +<!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: Font-size using centimeters with a positive nominal value, +2.54cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a positive nominal length value in centimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + line-height: 1em; + position: relative; + } + #div2 + { + font-size: +2.54cm; + } + #div3 + { + border-top: 2.54cm solid black; + left: 1.1in; + position: absolute; + top: 0; + width: 2.54cm; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same size.</p> + <div id="div1"> + <div id="div2">X</div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-045.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-045.xht new file mode 100644 index 0000000000..23b44b4629 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-045.xht @@ -0,0 +1,27 @@ +<!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: Font-size using millimeters with a minimum minus one value, -1mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht"/> + <meta name="flags" content="ahem invalid" /> + <meta name="assert" content="The 'font-size' property sets a minimum minus one length value in millimeters is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent)." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: 0; + font-size: -1mm; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-046.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-046.xht new file mode 100644 index 0000000000..fd69ec9063 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-046.xht @@ -0,0 +1,26 @@ +<!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: Font-size using millimeters with a minimum value, 0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a minimum length value in millimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: 0mm; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-047.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-047.xht new file mode 100644 index 0000000000..54214b60e5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-047.xht @@ -0,0 +1,24 @@ +<!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: Font-size using millimeters with a minimum plus one value, 1mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a minimum plus one length value in millimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + font-size: 1mm; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <div>X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-048.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-048.xht new file mode 100644 index 0000000000..baa332abfb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-048.xht @@ -0,0 +1,26 @@ +<!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: Font-size using millimeters with a negative zero value, -0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a negative zero length value in millimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: -0mm; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-049.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-049.xht new file mode 100644 index 0000000000..7b9438b109 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-049.xht @@ -0,0 +1,26 @@ +<!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: Font-size using millimeters with a positive zero value, +0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a positive zero length value in millimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: +0mm; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-050.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-050.xht new file mode 100644 index 0000000000..346a2d8a50 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-050.xht @@ -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> + <title>CSS Test: Font-size using millimeters with a nominal value, 25.4mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a nominal length value in millimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + line-height: 1em; + position: relative; + } + #div2 + { + font-size: 25.4mm; + width: 1in; + } + #div3 + { + border-top: 25.4mm solid black; + left: 1.1in; + position: absolute; + top: 0; + width: 25.4mm; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same size.</p> + <div id="div1"> + <div id="div2">X</div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-051.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-051.xht new file mode 100644 index 0000000000..613a38dbff --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-051.xht @@ -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> + <title>CSS Test: Font-size using millimeters with a positive nominal value, +25.4mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a positive nominal length value in millimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + line-height: 1em; + position: relative; + } + #div2 + { + font-size: +25.4mm; + width: 1in; + } + #div3 + { + border-top: 25.4mm solid black; + left: 1.1in; + position: absolute; + top: 0; + width: 25.4mm; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same size.</p> + <div id="div1"> + <div id="div2">X</div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-056.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-056.xht new file mode 100644 index 0000000000..5493edaf9d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-056.xht @@ -0,0 +1,27 @@ +<!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: Font-size using inches with a minimum minus one value, -1in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht"/> + <meta name="flags" content="ahem invalid" /> + <meta name="assert" content="The 'font-size' property sets a minimum minus one length value in inches is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent)." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: 0; + font-size: -1in; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-057.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-057.xht new file mode 100644 index 0000000000..564341f58b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-057.xht @@ -0,0 +1,26 @@ +<!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: Font-size using inches with a minimum value, 0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a minimum length value in inches." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: 0in; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-058.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-058.xht new file mode 100644 index 0000000000..61a9f7dead --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-058.xht @@ -0,0 +1,24 @@ +<!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: Font-size using inches with a minimum plus one value, 1in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a minimum plus one length value in inches." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + font-size: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <div>X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-059.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-059.xht new file mode 100644 index 0000000000..c255bb79d9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-059.xht @@ -0,0 +1,26 @@ +<!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: Font-size using inches with a negative zero value, -0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a negative zero length value in inches." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: -0in; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-060.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-060.xht new file mode 100644 index 0000000000..99e9a43252 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-060.xht @@ -0,0 +1,26 @@ +<!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: Font-size using inches with a positive zero value, +0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a positive zero length value in inches." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: +0in; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-061.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-061.xht new file mode 100644 index 0000000000..b2cdacb4ff --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-061.xht @@ -0,0 +1,40 @@ +<!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: Font-size using inches with a nominal value, 2in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a nominal length value in inches." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + line-height: 1em; + position: relative; + } + #div2 + { + font-size: 2in; + } + #div3 + { + border-top: 2in solid black; + left: 2.1in; + position: absolute; + top: 0; + width: 2in; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same size.</p> + <div id="div1"> + <div id="div2">X</div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-062.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-062.xht new file mode 100644 index 0000000000..cc0276588e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-062.xht @@ -0,0 +1,40 @@ +<!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: Font-size using inches with a positive nominal value, +2in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a positive nominal length value in inches." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + line-height: 1em; + position: relative; + } + #div2 + { + font-size: +2in; + } + #div3 + { + border-top: 2in solid black; + left: 2.1in; + position: absolute; + top: 0; + width: 2in; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same size.</p> + <div id="div1"> + <div id="div2">X</div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-067.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-067.xht new file mode 100644 index 0000000000..bcc6e0085d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-067.xht @@ -0,0 +1,27 @@ +<!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: Font-size using 'em' units with a minimum minus one value, -1em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht"/> + <meta name="flags" content="ahem invalid" /> + <meta name="assert" content="The 'font-size' property sets a minimum minus one length value in 'em' units is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent)." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: 0; + font-size: -1em; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-068.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-068.xht new file mode 100644 index 0000000000..71e1863f39 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-068.xht @@ -0,0 +1,26 @@ +<!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: Font-size using 'em' units with a minimum value, 0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a minimum length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: 0em; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-069.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-069.xht new file mode 100644 index 0000000000..7d05e6c906 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-069.xht @@ -0,0 +1,24 @@ +<!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: Font-size using 'em' units with a minimum plus one value, 1em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a minimum plus one length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + font-size: 1em; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <div>X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-070.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-070.xht new file mode 100644 index 0000000000..ccc938e2f5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-070.xht @@ -0,0 +1,26 @@ +<!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: Font-size using 'em' units with a negative zero value, -0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a negative zero length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: -0em; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-071.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-071.xht new file mode 100644 index 0000000000..215967300a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-071.xht @@ -0,0 +1,26 @@ +<!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: Font-size using 'em' units with a positive zero value, +0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a positive zero length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: +0em; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-072.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-072.xht new file mode 100644 index 0000000000..4612dca308 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-072.xht @@ -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> + <title>CSS Test: Font-size using 'em' units with a nominal value, 6em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a nominal length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + line-height: 1em; + position: relative; + } + #div2 + { + font-size: 6em; + width: 1in; + } + #div3 + { + border-top: 6em solid black; + left: 1.1in; + position: absolute; + top: 0; + width: 6em; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same size.</p> + <div id="div1"> + <div id="div2">X</div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-073.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-073.xht new file mode 100644 index 0000000000..d55a39e161 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-073.xht @@ -0,0 +1,40 @@ +<!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: Font-size using 'em' units with a positive nominal value, +6em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a positive nominal length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + position: relative; + } + #div2 + { + font-size: +6em; + width: 1in; + } + #div3 + { + border-top: 6em solid black; + left: 6.25em; + position: absolute; + top: 0; + width: 6em; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same size.</p> + <div id="div1"> + <div id="div2">X</div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-078.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-078.xht new file mode 100644 index 0000000000..2dfbe525a0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-078.xht @@ -0,0 +1,27 @@ +<!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: Font-size using 'ex' units with a minimum minus one value, -1ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht"/> + <meta name="flags" content="ahem invalid" /> + <meta name="assert" content="The 'font-size' property sets a minimum minus one length value in 'ex' units is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent)." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: 0; + font-size: -1ex; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-079.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-079.xht new file mode 100644 index 0000000000..534c53bc17 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-079.xht @@ -0,0 +1,26 @@ +<!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: Font-size using 'ex' units with a minimum value, 0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a minimum length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: 0ex; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-080.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-080.xht new file mode 100644 index 0000000000..8cb62ec3d1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-080.xht @@ -0,0 +1,24 @@ +<!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: Font-size using 'ex' units with a minimum plus one value, 1ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a minimum plus one length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + font-size: 1ex; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <div>X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-081.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-081.xht new file mode 100644 index 0000000000..ea20bbdea9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-081.xht @@ -0,0 +1,26 @@ +<!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: Font-size using 'ex' units with a negative zero value, -0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a negative zero length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: -0ex; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-082.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-082.xht new file mode 100644 index 0000000000..882604c4ea --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-082.xht @@ -0,0 +1,26 @@ +<!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: Font-size using 'ex' units with a positive zero value, +0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a positive zero length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: +0ex; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-083.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-083.xht new file mode 100644 index 0000000000..aa0ffc70c5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-083.xht @@ -0,0 +1,45 @@ +<!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: Font-size using 'ex' units with a nominal value, 6ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a nominal length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + font-size: 20px; + line-height: 1em; + position: relative; + } + #div2 + { + background-color: red; + color: black; + font-size: 6ex; + width: 1in; + } + #div3 + { + background-color: black; + height: 6ex; + left: 100px; + position: absolute; + top: 0; + width: 6ex; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same size and there is no red visible on the page.</p> + <div id="div1"> + <div id="div2">X</div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-084.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-084.xht new file mode 100644 index 0000000000..60682b49b4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-084.xht @@ -0,0 +1,45 @@ +<!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: Font-size using 'ex' units with a positive nominal value, +6ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a positive nominal length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + font-size: 20px; + line-height: 1em; + position: relative; + } + #div2 + { + background-color: red; + color: black; + font-size: +6ex; + width: 1in; + } + #div3 + { + background-color: black; + height: 6ex; + left: 100px; + position: absolute; + top: 0; + width: 6ex; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same size and there is no red visible on the page.</p> + <div id="div1"> + <div id="div2">X</div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-089.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-089.xht new file mode 100644 index 0000000000..d6e4b13081 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-089.xht @@ -0,0 +1,27 @@ +<!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: Font-size using percentages with a minimum minus one value, -1%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht" /> + <meta name="flags" content="ahem invalid" /> + <meta name="assert" content="The 'font-size' property sets a minimum minus one length value in percentages is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent)." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: 0; + font-size: -1%; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-090.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-090.xht new file mode 100644 index 0000000000..14fd704d74 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-090.xht @@ -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"> + <head> + <title>CSS Test: Font-size using percentages with a minimum value, 0%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a minimum length value in percentages." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font: 1in Ahem; + } + div div + { + color: red; + font-size: 0%; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="div1"> + <div>Filler text</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-091.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-091.xht new file mode 100644 index 0000000000..df96756293 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-091.xht @@ -0,0 +1,34 @@ +<!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: Font-size using percentages with a minimum plus one value, 1%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a minimum plus one length value in percentages." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #reference + { + font: 2px/1em Ahem; + } + #parent + { + font: 200px/5px Ahem; + } + #test + { + font-size: 1%; + } + </style> + </head> + <body> + <p>Test passes if the two dots (boxes) below are the same size.</p> + <div id="reference">X</div> + <div id="parent"> + <div id="test">X</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-092.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-092.xht new file mode 100644 index 0000000000..fb73801a49 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-092.xht @@ -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"> + <head> + <title>CSS Test: Font-size using percentages with a negative zero value, -0%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a negative zero length value in percentages." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font: 1in Ahem; + } + div div + { + color: red; + font-size: -0%; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="div1"> + <div>Filler text</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-093.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-093.xht new file mode 100644 index 0000000000..894d8a46d9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-093.xht @@ -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"> + <head> + <title>CSS Test: Font-size using percentages with a positive zero value, +0%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a positive zero length value in percentages." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font: 1in Ahem; + } + div div + { + color: red; + font-size: +0%; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="div1"> + <div>Filler text</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-094.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-094.xht new file mode 100644 index 0000000000..b8ebdb4d41 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-094.xht @@ -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> + <title>CSS Test: Font-size using percentages with a nominal value, 100%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a nominal length value in percentages." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font: 1in Ahem; + line-height: 1em; + position: relative; + } + #div2 + { + font-size: 100%; + width: 1in; + } + #div3 + { + border-top: 1in solid black; + left: 1.1in; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same size.</p> + <div id="div1"> + <div id="div2">X</div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-095.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-095.xht new file mode 100644 index 0000000000..603f6fafe8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-095.xht @@ -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> + <title>CSS Test: Font-size using percentages with a positive nominal value, +100%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a positive nominal length value in percentages." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font: 1in Ahem; + line-height: 1em; + position: relative; + } + #div2 + { + font-size: +100%; + width: 1in; + } + #div3 + { + border-top: 1in solid black; + left: 1.1in; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same size.</p> + <div id="div1"> + <div id="div2">X</div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-100.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-100.xht new file mode 100644 index 0000000000..39f4e210e4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-100.xht @@ -0,0 +1,26 @@ +<!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: Font-size with a negative zero value and no units, -0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a negative zero length value with no units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: -0; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-101.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-101.xht new file mode 100644 index 0000000000..605dbf92ab --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-101.xht @@ -0,0 +1,26 @@ +<!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: Font-size with a zero value and no units, 0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a zero length value with no units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: 0; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-102.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-102.xht new file mode 100644 index 0000000000..505165b2bc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-102.xht @@ -0,0 +1,26 @@ +<!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: Font-size with a positive zero value and no units, +0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a positive zero length value with no units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + font-family: Ahem; + font-size: +0; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-103.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-103.xht new file mode 100644 index 0000000000..29e6d1f664 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-103.xht @@ -0,0 +1,30 @@ +<!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: Font-size set to the keyword 'xx-small'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property set to the keyword 'xx-small' makes the font size smaller." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: orange; + font-family: Ahem; + line-height: 1em; + } + #span1 + { + color: blue; + font-size: xx-small; + } + </style> + </head> + <body> + <p>Test passes if the blue box is smaller than the orange box.</p> + <div><span id="span1">X</span><span>X</span></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-104.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-104.xht new file mode 100644 index 0000000000..6236d086cc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-104.xht @@ -0,0 +1,30 @@ +<!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: Font-size set to the keyword 'x-small'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property set to the keyword 'x-small' makes the font size smaller." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: orange; + font-family: Ahem; + line-height: 1em; + } + #span1 + { + color: blue; + font-size: x-small; + } + </style> + </head> + <body> + <p>Test passes if the blue box is smaller than the orange box.</p> + <div><span id="span1">X</span><span>X</span></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-105.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-105.xht new file mode 100644 index 0000000000..e5fb5bcb16 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-105.xht @@ -0,0 +1,30 @@ +<!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: Font-size set to the keyword 'small'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property set to the keyword 'small' makes the font size smaller." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: orange; + font-family: Ahem; + line-height: 1em; + } + #span1 + { + color: blue; + font-size: small; + } + </style> + </head> + <body> + <p>Test passes if the blue box is smaller than the orange box.</p> + <div><span id="span1">X</span><span>X</span></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-106.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-106.xht new file mode 100644 index 0000000000..22b15db203 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-106.xht @@ -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"> + <head> + <title>CSS Test: Font-size set to the keyword 'medium'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property set to the keyword 'medium' is the default font size." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: orange; + font-family: Ahem; + line-height: 1em; + } + #span1 + { + color: blue; + font-size: 1in; + font-size: medium; + } + </style> + </head> + <body> + <p>Test passes if the blue box is the same size as the orange box.</p> + <div><span id="span1">X</span><span>X</span></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-107.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-107.xht new file mode 100644 index 0000000000..a7bdbbbbb4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-107.xht @@ -0,0 +1,30 @@ +<!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: Font-size set to the keyword 'large'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property set to the keyword 'large' makes the font size larger." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: orange; + font-family: Ahem; + line-height: 1em; + } + #span1 + { + color: blue; + font-size: large; + } + </style> + </head> + <body> + <p>Test passes if the blue box is larger than the orange box.</p> + <div><span id="span1">X</span><span>X</span></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-108.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-108.xht new file mode 100644 index 0000000000..91c47f8e70 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-108.xht @@ -0,0 +1,30 @@ +<!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: Font-size set to the keyword 'x-large'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property set to the keyword 'x-large' makes the font size larger." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: orange; + font-family: Ahem; + line-height: 1em; + } + #span1 + { + color: blue; + font-size: x-large; + } + </style> + </head> + <body> + <p>Test passes if the blue box is larger than the orange box.</p> + <div><span id="span1">X</span><span>X</span></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-109.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-109.xht new file mode 100644 index 0000000000..5c4e16984f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-109.xht @@ -0,0 +1,30 @@ +<!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: Font-size set to the keyword 'xx-large'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property set to the keyword 'xx-large' makes the font size larger." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: orange; + font-family: Ahem; + line-height: 1em; + } + #span1 + { + color: blue; + font-size: xx-large; + } + </style> + </head> + <body> + <p>Test passes if the blue box is larger than the orange box.</p> + <div><span id="span1">X</span><span>X</span></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-110.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-110.xht new file mode 100644 index 0000000000..62a08b7e24 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-110.xht @@ -0,0 +1,30 @@ +<!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: Font-size set to the keyword 'larger'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property set to the keyword 'larger' makes the font size larger." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: orange; + font-family: Ahem; + line-height: 1em; + } + #span1 + { + color: blue; + font-size: larger; + } + </style> + </head> + <body> + <p>Test passes if the blue box is larger than the orange box.</p> + <div><span id="span1">X</span><span>X</span></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-111.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-111.xht new file mode 100644 index 0000000000..fec21231fc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-111.xht @@ -0,0 +1,30 @@ +<!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: Font-size set to the keyword 'smaller'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property set to the keyword 'smaller' makes the font size smaller." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: orange; + font-family: Ahem; + line-height: 1em; + } + #span1 + { + color: blue; + font-size: smaller; + } + </style> + </head> + <body> + <p>Test passes if the blue box is smaller than the orange box.</p> + <div><span id="span1">X</span><span>X</span></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-112.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-112.xht new file mode 100644 index 0000000000..976f80171c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-112.xht @@ -0,0 +1,34 @@ +<!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: Font-size set to 'inherit'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property sets a value of 'inherit' and inherits its value from its parent." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + font-size: 3in; + } + span + { + font-size: 0; + } + div span + { + font-size: inherit; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <div> + <span>X</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-113.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-113.xht new file mode 100644 index 0000000000..ca4ea46c15 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-113.xht @@ -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> + + <title>CSS Test: font-size - ex unit</title> + + <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-size-props" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="'em' and 'ex' length values when defining 'font-size' property refer to the computed font size of the parent element." /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div + { + font-family: Ahem; + line-height: 1; + margin-top: 8px; + } + + div#parent {font-size: 40px;} + + div#test {font-size: 20px;} + + div#control, div#test {font-size: 2.5ex;} + + div#control2 {font-size: 80px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if the 3 black squares have <strong>the same width and the same height</strong>.</p> + + <div id="parent"> + + <div id="control">C</div> + + <div id="test">T</div> + + </div> + + <div id="control2">2</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-114.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-114.xht new file mode 100644 index 0000000000..4355346c19 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-114.xht @@ -0,0 +1,31 @@ +<!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: sanity tests for relative keyword values of font-size</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/size/004.xml" type="application/xhtml+xml"/> + <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="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + + .tests { display: block; padding: 2em; letter-spacing: 3px; } + .smallest { font-size: xx-small; } + span { font-size: larger; } + .tests * { vertical-align: bottom; } + .tests, span { font: 900 1em Ahem, Verdana, sans-serif; color: navy; } + + </style> + </head> + <body class="test"> + + <p>Every <span>X</span> in the string below should be bigger than + the previous <span>X</span>. (Except at the start, where your UA may + be making changes that are smaller than a pixel.)</p> + + <div class="tests"> + <span class="smallest">X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X + </span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-115.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-115.xht new file mode 100644 index 0000000000..95ac6b57f2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-115.xht @@ -0,0 +1,19 @@ +<!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: sanity tests for font inheritance</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/size/005.xml" type="application/xhtml+xml"/> + <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"/> + <style type="text/css"> + span { font: inherit; } + </style> + </head> + <body> + <p>There should be two perfect columns of identical Xs below:</p> + <pre class="test"> XXX XXX + <span>XXX</span> XXX + XXX XXX </pre> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-116.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-116.xht new file mode 100644 index 0000000000..6d2df73ea4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-116.xht @@ -0,0 +1,35 @@ +<!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 in pixels</title> + <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="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/size/006.xml" type="application/xhtml+xml"/> + <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="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style> + .prereq { display: inline; font: 1.25em/1 Ahem, sans-serif; background: red; color: white; } + .control { height: 0; } + .control div { width: 1000px; height: 100px; background: red; } + .test { font: 1000px/1 Ahem; color: green; } + </style> + </head> + <body> + <div class="prereq">Ahem_font_required_for_this_test.</div> + <p>There should be no red below (scroll all the way down if necessary).</p> + <div class="control"> + <div></div> + <div></div> + <div></div> + <div></div> + <div></div> + <div></div> + <div></div> + <div></div> + <div></div> + <div></div> + </div> + <div class="test">X</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-117.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-117.xht new file mode 100644 index 0000000000..77d46c8d11 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-117.xht @@ -0,0 +1,41 @@ +<!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-sizes in pixels compared to images in pixels</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/size/007.html" type="text/html"/> + <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"/> + <style type="text/css"> + p { color: navy; } + span { color: silver; } + .a { font: 10px Arial, sans-serif; } + .b { font: 20px Arial, sans-serif; } + .c { font: 30px Arial, sans-serif; } + .a img { height: 10px; } + .b img { height: 20px; } + .c img { height: 30px; } + </style> + </head> + <body> + + <p class="a">The box X<img src="support/1x1-navy.png" + alt="[FAIL]"/>X should be taller than the Xs on either side of + it. <span>xxxxxxxxxx xxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx + xxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxx + xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxx</span></p> + + <p class="b">The box X<img src="support/1x1-navy.png" + alt="[FAIL]"/>X should be taller than the Xs on either side of + it. <span>xxxxxxxxxx xxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx + xxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxx + xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxx</span></p> + + <p class="c">The box X<img src="support/1x1-navy.png" + alt="[FAIL]"/>X should be taller than the Xs on either side of + it. <span>xxxxxxxxxx xxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx + xxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxx + xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxx</span></p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-118.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-118.xht new file mode 100644 index 0000000000..7e6491571e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-118.xht @@ -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: CSS: sanity tests for relative keyword values of font-size</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/size/001.xml" type="application/xhtml+xml"/> + <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"/> + + <style type="text/css"><![CDATA[ + + .tests * { line-height: 0; border: none; margin: 0; padding: 0; display: block; } + .tests { margin: 10em 2em 2em 2em; display: block; } + .text { display: inline; white-space: pre; } + + .big { font-size: 10em; } + .medium { font-size: medium; } + .smaller { font-size: smaller; } + + .medium > .text { background: red; } + .smaller > .text { background: green; } + + ]]></style> + </head> + <body class="test"> + <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p> + <div class="tests"> + <div class="medium"><div class="text"> </div></div> + <div class="big"><div class="smaller"><div class="text"> </div></div></div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-119.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-119.xht new file mode 100644 index 0000000000..8141516c7d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-119.xht @@ -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: CSS: sanity tests for relative keyword values of font-size</title> + <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-24 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/size/002.xml" type="application/xhtml+xml"/> + <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"/> + + <style type="text/css"><![CDATA[ + + .tests * { line-height: 0; border: none; margin: 0; padding: 0; display: block; } + .tests { margin: 20em 2em 0 2em; display: block; } + .text { display: inline; white-space: pre; } + + .big { font-size: 20em; } + .xxlarge { font-size: xx-large; } + .smaller { font-size: smaller; } + + .xxlarge > .text { background: red; font-weight: bold; } + .smaller > .text { background: white; } + .p { color: green; } + + ]]></style> + </head> + <body class="test"> + <p>Test passes if there is <strong>no red</strong>.</p> + <div class="tests"> + <div class="xxlarge"><div class="text"> </div></div> + <div class="big"><div class="smaller"><div class="text"> </div></div></div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-120-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-120-ref.xht new file mode 100644 index 0000000000..bf43ab9260 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-120-ref.xht @@ -0,0 +1,29 @@ +<!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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + height: 30px; + width: 120px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a green stripe and <strong>no red</strong>.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-120.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-120.xht new file mode 100644 index 0000000000..e6737dc9be --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-120.xht @@ -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: CSS: font-size inheritance</title> + <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-04-08 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/ahem/002.xml" type="application/xhtml+xml"/> + <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="font-size-120-ref.xht" /> + + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + .a { font-size: 30px; } + .c { font-family: Ahem; line-height: 30px; height: 30px; width: 120px; background: red; color: green; } + </style> + </head> + <body> + + <p>Test passes if there is a green stripe and <strong>no red</strong>.</p> + + <div class="a"> + <div class="b"> + <div class="c"> + FAIL + </div> + </div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-121-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-121-ref.xht new file mode 100644 index 0000000000..6c8b89fef4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-121-ref.xht @@ -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> + + <title>CSS Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div + { + color: green; + font-family: Ahem; + font-weight: 900; + padding: 2em; + } + + span + { + font-size: xx-small; + vertical-align: bottom; + } + + span + span {font-size: x-small;} + + span + span + span {font-size: small;} + + span + span + span + span {font-size: medium;} + + span + span + span + span + span {font-size: large;} + + span + span + span + span + span + span {font-size: x-large;} + + span + span + span + span + span + span + span {font-size: xx-large;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>, except for antialiasing issues.</p> + + <div><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-121.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-121.xht new file mode 100644 index 0000000000..fd3c10fb77 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-121.xht @@ -0,0 +1,36 @@ +<!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: sanity tests for relative keyword values of font-size</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/size/003.xml" type="application/xhtml+xml"/> + <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="font-size-121-ref.xht" /> + + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + + .tests { display: block; padding: 2em; font: 900 1em Ahem, Verdana, sans-serif; } + .tests > * { position: absolute; color: red; } + .tests > * + * { color: green; } + + .smallest span { font-size: larger; } + .largest span { font-size: smaller; } + + .smallest { font-size: xx-small; } + .largest { font-size: xx-large; } + + .tests * { vertical-align: bottom; } + + ]]></style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>, except for antialiasing issues.</p> + <div class="tests"> + <span class="smallest">X<span>X<span>X<span>X<span>X<span>X<span>X</span></span></span></span></span></span></span> + <span class="largest"><span><span><span><span><span><span>X</span>X</span>X</span>X</span>X</span>X</span>X</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-122-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-122-ref.xht new file mode 100644 index 0000000000..6621748344 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-122-ref.xht @@ -0,0 +1,28 @@ +<!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 Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: navy; + height: 1em; + width: 2em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a short navy stripe (larger than its height).</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-122.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-122.xht new file mode 100644 index 0000000000..7d2583bea6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-122.xht @@ -0,0 +1,27 @@ +<!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: Default Font Sizes</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/size/default/001.html" type="text/html"/> + <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="font-size-122-ref.xht" /> + + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + .floats { float: left; width: 16px; height: 16px; background: navy; } + .test { font-family: Ahem; color: navy; } + </style> + </head> + <body> + + <p>Test passes if there is a short navy stripe (larger than its height).</p> + + <div class="test"> + <div class="floats"></div> + X + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-123-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-123-ref.xht new file mode 100644 index 0000000000..7126124e71 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-123-ref.xht @@ -0,0 +1,28 @@ +<!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 Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + height: 40px; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-123.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-123.xht new file mode 100644 index 0000000000..f4f73ceba2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-123.xht @@ -0,0 +1,27 @@ +<!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 Parsing: Negative Font-Size</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/002.xml" type="application/xhtml+xml"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/> + <link rel="match" href="font-size-123-ref.xht" /> + + <meta name="assert" content="If a negative length value is set into a + font-size declaration, then such declaration is ignored."/> + <meta name="flags" content="invalid"/> + <style type="text/css"> + div { font-size: 20px; font-size: -10px; display: block; width: 100px; height: 40px; background: red; } + div > .em { width: 5em; height: 1em; background: green; display: block; } + div > .px { width: 100px; height: 20px; background: green; display: block; } + </style> + </head> + <body> + <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p> + <div> + <span class="em"/> + <span class="px"/> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-124.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-124.xht new file mode 100644 index 0000000000..0954e2a7a3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-124.xht @@ -0,0 +1,72 @@ +<!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: inheritance of computed font-size across fonts</title> + + <!-- + Inspired by + http://test.csswg.org/suites/css2.1/20110323/html4/background-position-001.htm + http://test.csswg.org/suites/css2.1/nightly-unstable/html4/background-position-001.htm + --> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <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="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta content="ahem" 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" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div#overlapped-red + { + background-color: red; + height: 100px; + width: 100px; + } + + div#grand-parent {font: 25px/1 Ahem;} + /* + To download Ahem font: + http://www.w3.org/Style/CSS/Test/Fonts/Ahem/ + */ + + div#parent {font-size: 5ex;} + /* The Ahem font has an x-height of 0.8em. */ + + div#overlapping-green + { + background-color: green; + bottom: 100px; + font-family: serif; + position: relative; + width: 100px; + } + + /* + In this test, the inherited computed font-size of + div#overlapping-green should be 100px with a line box + height of 100px. + */ + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="overlapped-red"></div> + + <div id="grand-parent"> + <div id="parent"> + <div id="overlapping-green"> </div> + </div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-001.xht new file mode 100644 index 0000000000..e77b744c6c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-001.xht @@ -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> + <title>CSS Test: Font-size and 'display: inline' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property applies to 'display: inline' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + background: orange; + height: 1in; + width: 1in; + } + #div2 + { + display: inline; + font-family: Ahem; + font-size: 1in; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="div1"></div> + <div id="div2">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-002.xht new file mode 100644 index 0000000000..b76a44b1be --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-002.xht @@ -0,0 +1,34 @@ +<!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: Font-size and 'display: block' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property applies to 'display: block' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + background: orange; + height: 1in; + width: 1in; + } + span + { + display: block; + font-family: Ahem; + font-size: 1in; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="div1"></div> + <div> + <span>X</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-003.xht new file mode 100644 index 0000000000..721f0a1db1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-003.xht @@ -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> + <title>CSS Test: Font-size and 'display: list-item' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property applies to 'display: list-item' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + font-size: 1in; + margin-left: 2em; + } + #div1 + { + background: orange; + height: 1in; + width: 1in; + } + #div2 + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size and the bottom box has a marker bullet on the left-hand side.</p> + <div id="div1"></div> + <div id="div2">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-005.xht new file mode 100644 index 0000000000..07e051becd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-005.xht @@ -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> + <title>CSS Test: Font-size and 'display: inline-block' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property applies to 'display: inline-block' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + background: orange; + height: 1in; + width: 1in; + } + #div2 + { + display: inline-block; + font-family: Ahem; + font-size: 1in; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="div1"></div> + <div id="div2">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-006.xht new file mode 100644 index 0000000000..2ee077e739 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-006.xht @@ -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> + <title>CSS Test: Font-size and 'display: table' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property applies to 'display: table' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + background: orange; + height: 1in; + width: 1in; + } + div + { + font-family: Ahem; + line-height: 1em; + } + #table + { + display: table; + font-size: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="div1"></div> + <div id="table"> + <div id="row"> + <div id="cell">X</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-007.xht new file mode 100644 index 0000000000..a637ff2278 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-007.xht @@ -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> + <title>CSS Test: Font-size and 'display: inline-table' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property applies to 'display: inline-table' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + background: orange; + height: 1in; + width: 1in; + } + div + { + font-family: Ahem; + line-height: 1em; + } + #table + { + display: inline-table; + font-size: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="div1"></div> + <div id="table"> + <div id="row"> + <div id="cell">X</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-008.xht new file mode 100644 index 0000000000..05a796e07f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-008.xht @@ -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> + <title>CSS Test: Font-size and 'display: table-row-group' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property applies to 'display: table-row-group' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + background: orange; + height: 1in; + width: 1in; + } + div + { + font-family: Ahem; + line-height: 1em; + } + #table + { + display: table; + } + #test + { + display: table-row-group; + font-size: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="div1"></div> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">X</div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-009.xht new file mode 100644 index 0000000000..256815b835 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-009.xht @@ -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> + <title>CSS Test: Font-size and 'display: table-header-group' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property applies to 'display: table-header-group' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + background: orange; + height: 1in; + width: 1in; + } + div + { + font-family: Ahem; + line-height: 1em; + } + #table + { + display: table; + } + #test + { + display: table-header-group; + font-size: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="div1"></div> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">X</div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-010.xht new file mode 100644 index 0000000000..b4ce5a92fc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-010.xht @@ -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> + <title>CSS Test: Font-size and 'display: table-footer-group' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property applies to 'display: table-footer-group' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + background: orange; + height: 1in; + width: 1in; + } + div + { + font-family: Ahem; + line-height: 1em; + } + #table + { + display: table; + } + #test + { + display: table-footer-group; + font-size: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="div1"></div> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">X</div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-011.xht new file mode 100644 index 0000000000..1af87cfa6b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-011.xht @@ -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> + <title>CSS Test: Font-size and 'display: table-row' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property applies to 'display: table-row' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + background: orange; + height: 1in; + width: 1in; + } + div + { + font-family: Ahem; + line-height: 1em; + } + #table + { + display: table; + } + #row + { + display: table-row; + font-size: 1in; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="div1"></div> + <div id="table"> + <div id="row"> + <div id="cell">X</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-014.xht new file mode 100644 index 0000000000..c25d3f0de4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-014.xht @@ -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> + <title>CSS Test: Font-size and 'display: table-cell' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property applies to 'display: table-cell' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + background: orange; + height: 1in; + width: 1in; + } + div + { + font-family: Ahem; + line-height: 1em; + } + #table + { + display: table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + font-size: 1in; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="div1"></div> + <div id="table"> + <div id="row"> + <div id="cell">X</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-015.xht new file mode 100644 index 0000000000..2fffb7c411 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-015.xht @@ -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> + <title>CSS Test: Font-size and 'display: table-caption' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property applies to 'display: table-caption' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + background: orange; + height: 1in; + width: 1in; + } + div + { + font-family: Ahem; + line-height: 1em; + } + #table + { + display: table; + } + #test + { + font-size: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="div1"></div> + <div id="table"> + <div id="test">X</div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-016.xht new file mode 100644 index 0000000000..314d810ad8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-016.xht @@ -0,0 +1,27 @@ +<!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: Font-size and 'display: none' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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/no-red-on-blank-page-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property applies to 'display: none' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + color: red; + display: none; + font-family: Ahem; + font-size: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Fail</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-017.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-017.xht new file mode 100644 index 0000000000..4b6fc238fb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-017.xht @@ -0,0 +1,42 @@ +<!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: Font-size and 'display: inherit' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property applies to 'display: inherit' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + font-size: 1in; + line-height: 1em; + } + #div1 + { + background: orange; + height: 1in; + width: 1in; + } + #div2 + { + display: inline; + } + div div + { + display: inherit; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="div1"></div> + <div id="div2"> + <div>X</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-rule-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-rule-001.xht new file mode 100644 index 0000000000..26c84ea11f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-rule-001.xht @@ -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> + <title>CSS Test: Font-size, negative values</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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"/> + <meta name="flags" content="ahem invalid" /> + <meta name="assert" content="The 'font-size' does not allow for a negative value; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent)." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + span + { + font-family: Ahem; + } + #span1 + { + font-size: medium; + } + #span2 + { + font-size: -1in; + } + </style> + </head> + <body> + <p>Test passes if there is a single box below and the top edge is not jagged.</p> + <div> + <span id="span1">X</span><span id="span2">X</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-rule-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-rule-002.xht new file mode 100644 index 0000000000..d0f557257f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-rule-002.xht @@ -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> + <title>CSS Test: Font-size, relative-size 'larger'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="When font size is medium, the value 'larger' will make the font size equivalent to the 'large' font-size." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-size: medium; + } + span + { + font-family: Ahem; + } + #span1 + { + font-size: large; + } + #span2 + { + font-size: larger; + } + </style> + </head> + <body> + <p>Test passes if there is a single box below and the top edge is not jagged.</p> + <div> + <span id="span1">X</span><span id="span2">X</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-rule-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-rule-003.xht new file mode 100644 index 0000000000..beb67cae4c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-rule-003.xht @@ -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> + <title>CSS Test: Font-size and font sizes available</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The user agent is free to choose a font-size from the font size table entries or round off to the closest font size." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-size: 18px; + } + span + { + font-family: Ahem; + } + #span1 + { + font-size: 24px; + } + #span2 + { + font-size: larger; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size or the left box is bigger than the right.</p> + <div> + <span id="span1">X</span> <span id="span2">X</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-rule-004.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-rule-004.xht new file mode 100644 index 0000000000..7fdb27500f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-rule-004.xht @@ -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> + <title>CSS Test: Font-size 'em' unit value referring to parent</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'em' unit refers to the computed font size of the parent element instead of the current element." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-size: 18px; + } + span + { + font-family: Ahem; + } + #span1 + { + font-size: 27px; + } + #span2 + { + font-size: 1.5em; + } + </style> + </head> + <body> + <p>Test passes if there is a single box below and the top edge is not jagged.</p> + <div> + <span id="span1">X</span><span id="span2">X</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-001.xht new file mode 100644 index 0000000000..d29d3103aa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-001.xht @@ -0,0 +1,25 @@ +<!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: Font-style set to 'normal'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-style' property set to 'normal' correctly renders the characters as normal text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-style: italic; + font-style: normal; + font-family: Ahem; + } + </style> + </head> + <body> + <p>Test passes if there is a box below that appears upright, and not slanted to one side.</p> + <div>X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-002.xht new file mode 100644 index 0000000000..20b8cc660c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-002.xht @@ -0,0 +1,24 @@ +<!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: Font-style set to 'italic'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-style' property set to 'italic' correctly renders the characters as italic text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-style: italic; + font-family: Ahem; + } + </style> + </head> + <body> + <p>Test passes if there is a box below that appears to be slanted to one side.</p> + <div>X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-003.xht new file mode 100644 index 0000000000..83360dd95c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-003.xht @@ -0,0 +1,24 @@ +<!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: Font-style set to 'oblique'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-style' property set to 'normal' correctly renders the characters as oblique text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-style: oblique; + font-family: Ahem; + } + </style> + </head> + <body> + <p>Test passes if there is a box below that appears to be slanted to one side.</p> + <div>X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-004.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-004.xht new file mode 100644 index 0000000000..4586807c6d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-004.xht @@ -0,0 +1,34 @@ +<!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: Font-style set to 'inherit'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-style' property set to 'inherit', inherits is value from the parent element's value." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-style: italic; + font-family: Ahem; + } + span + { + font-style: normal; + } + div span + { + font-style: inherit; + } + </style> + </head> + <body> + <p>Test passes if there is a box below that appears to be slanted to one side.</p> + <div> + <span>X</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-001-ref.html b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-001-ref.html new file mode 100644 index 0000000000..d410588c99 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-001-ref.html @@ -0,0 +1,8 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<link rel="author" title="Intel" href="http://www.intel.com"> +<body> + <p>Test passes if the "Filler Text" below is slanted to one side.</p> + <div><i>Filler Text</i></div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-001.xht new file mode 100644 index 0000000000..c114b31ed3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-001.xht @@ -0,0 +1,23 @@ +<!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: Font-style and 'display: inline' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/> + <link rel="match" href="font-style-applies-to-001-ref.html" /> + <meta name="assert" content="The 'font-style' property applies to 'display: inline' elements." /> + <style type="text/css"> + div + { + display: inline; + font-style: italic; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is slanted to one side.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-002.xht new file mode 100644 index 0000000000..19cffb15ab --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-002.xht @@ -0,0 +1,25 @@ +<!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: Font-style and 'display: block' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/> + <link rel="match" href="font-style-applies-to-001-ref.html" /> + <meta name="assert" content="The 'font-style' property applies to 'display: block' elements." /> + <style type="text/css"> + span + { + display: block; + font-style: italic; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is slanted to one side.</p> + <div> + <span>Filler Text</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-003.xht new file mode 100644 index 0000000000..12eaa789bf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-003.xht @@ -0,0 +1,26 @@ +<!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: Font-style and 'display: list-item' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/> + <meta name="assert" content="The 'font-style' property applies to 'display: list-item' elements." /> + <style type="text/css"> + body + { + margin-left: 2em; + } + div + { + display: list-item; + font-style: italic; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is slanted to one side and there is a marker bullet on the left-hand side of that text.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-005.xht new file mode 100644 index 0000000000..981cc81ff4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-005.xht @@ -0,0 +1,23 @@ +<!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: Font-style and 'display: inline-block' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/> + <link rel="match" href="../../reference/pass_if_filler_text_slanted.xht"/> + <meta name="assert" content="The 'font-style' property applies to 'display: inline-block' elements." /> + <style type="text/css"> + div + { + display: inline-block; + font-style: italic; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is slanted to one side.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-006.xht new file mode 100644 index 0000000000..7714b0f50d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-006.xht @@ -0,0 +1,35 @@ +<!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: Font-style and 'display: table' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/> + <link rel="match" href="../../reference/pass_if_filler_text_slanted.xht"/> + <meta name="assert" content="The 'font-style' property applies to 'display: table' elements." /> + <style type="text/css"> + #table + { + display: table; + font-style: italic; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is slanted to one side.</p> + <div id="table"> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-007.xht new file mode 100644 index 0000000000..d4f5dbd057 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-007.xht @@ -0,0 +1,35 @@ +<!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: Font-style and 'display: inline-table' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/> + <link rel="match" href="../../reference/pass_if_filler_text_slanted.xht"/> + <meta name="assert" content="The 'font-style' property applies to 'display: inline-table' elements." /> + <style type="text/css"> + #table + { + display: inline-table; + font-style: italic; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is slanted to one side.</p> + <div id="table"> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-008.xht new file mode 100644 index 0000000000..6ad7152744 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-008.xht @@ -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> + <title>CSS Test: Font-style and 'display: table-row-group' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/> + <link rel="match" href="../../reference/pass_if_filler_text_slanted.xht"/> + <meta name="assert" content="The 'font-style' property applies to 'display: table-row-group' elements." /> + <style type="text/css"> + #table + { + display: table; + } + #test + { + display: table-row-group; + font-style: italic; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is slanted to one side.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-009.xht new file mode 100644 index 0000000000..99c0683efd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-009.xht @@ -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> + <title>CSS Test: Font-style and 'display: table-header-group' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/> + <link rel="match" href="../../reference/pass_if_filler_text_slanted.xht"/> + <meta name="assert" content="The 'font-style' property does not applies to 'display: table-header-group' elements." /> + <style type="text/css"> + #table + { + display: table; + } + #test + { + display: table-header-group; + font-style: italic; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is slanted to one side.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-010.xht new file mode 100644 index 0000000000..1185163c42 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-010.xht @@ -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> + <title>CSS Test: Font-style and 'display: table-footer-group' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/> + <link rel="match" href="../../reference/pass_if_filler_text_slanted.xht"/> + <meta name="assert" content="The 'font-style' property applies to 'display: table-footer-group' elements." /> + <style type="text/css"> + #table + { + display: table; + } + #test + { + display: table-footer-group; + font-style: italic; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is slanted to one side.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-011.xht new file mode 100644 index 0000000000..36d7a7d3ce --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-011.xht @@ -0,0 +1,35 @@ +<!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: Font-style and 'display: table-row' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/> + <link rel="match" href="../../reference/pass_if_filler_text_slanted.xht"/> + <meta name="assert" content="The 'font-style' property applies to 'display: table-row' elements." /> + <style type="text/css"> + #table + { + display: table; + } + #row + { + display: table-row; + font-style: italic; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is slanted to one side.</p> + <div id="table"> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-014.xht new file mode 100644 index 0000000000..8abb51d51e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-014.xht @@ -0,0 +1,35 @@ +<!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: Font-style and 'display: table-cell' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/> + <link rel="match" href="../../reference/pass_if_filler_text_slanted.xht"/> + <meta name="assert" content="The 'font-style' property applies to 'display: table-cell' elements." /> + <style type="text/css"> + #table + { + display: table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + font-style: italic; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is slanted to one side.</p> + <div id="table"> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-015.xht new file mode 100644 index 0000000000..d4e79e9692 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-015.xht @@ -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> + <title>CSS Test: Font-style and 'display: table-caption' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/> + <meta name="assert" content="The 'font-style' property applies to 'display: table-caption' elements." /> + <style type="text/css"> + #table + { + display: table; + } + #caption + { + display: table-caption; + font-style: italic; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is slanted to one side.</p> + <div id="table"> + <div id="caption">Filler Text</div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-016.xht new file mode 100644 index 0000000000..ca3be4b3a8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-016.xht @@ -0,0 +1,24 @@ +<!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: Font-style and 'display: none' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht" /> + <meta name="assert" content="The font-style' property applies to 'display: none' elements." /> + <style type="text/css"> + div + { + color: red; + display: none; + font-style: italic; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Fail</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-017.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-017.xht new file mode 100644 index 0000000000..5c747f442d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-017.xht @@ -0,0 +1,29 @@ +<!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: Font-style and 'display: inherit' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/> + <link rel="match" href="font-style-applies-to-001-ref.html" /> + <meta name="assert" content="The 'font-style' property applies to 'display: inherit' elements." /> + <style type="text/css"> + #div1 + { + display: inline; + } + div div + { + display: inherit; + font-style: italic; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is slanted to one side.</p> + <div id="div1"> + <div>Filler Text</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-rule-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-rule-001.xht new file mode 100644 index 0000000000..92c4d6574f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-rule-001.xht @@ -0,0 +1,23 @@ +<!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: Font-style with font properties missing</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#algorithm" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-matching-algorithm" /> + <meta name="assert" content="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'." /> + <style type="text/css"> + div + { + font-style: italic; + font-family: "MissingItalicOblique"; + } + </style> + </head> + <body> + <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_MissingItalicOblique.ttf">Missing Italic Oblique</a>' font installed.</p> + <p>Post Test: Remove test font after running the test.</p> + <p>Test passes if either there is an upright box below, a slanted box below or a letter "X" slanted to one side.</p> + <div>X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-systemfont-rule-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-systemfont-rule-003.xht new file mode 100644 index 0000000000..08e67fb933 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-systemfont-rule-003.xht @@ -0,0 +1,22 @@ +<!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: System Font, substitute for similar system font when font unknown</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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="assert" content="It the specified system font is not available, then substitute it for a similar one, if there is no similar one, then substitute with the default one." /> + <style type="text/css"> + #test + { + font: UnknownFont; + } + </style> + </head> + <body> + <p>PREREQUISITE: Operating system cannot have a font named "UnknownFont" installed. If it is installed remove it to verify this test.</p> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div>Filler Text</div> + <div id="test">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-systemfont-rule-004.xht b/testing/web-platform/tests/css/CSS2/fonts/font-systemfont-rule-004.xht new file mode 100644 index 0000000000..2c566e4d53 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-systemfont-rule-004.xht @@ -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"> + <head> + <title>CSS Test: Font shorthand property reset to default values if not explicitly set</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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="assert" content="The 'font' shorthand property resets any property not explicitly given a value to its initial value." /> + <style type="text/css"> + #div1 + { + font: 14pt serif; + } + .test + { + font-size: 96px; + font-style: italic; + font-weight: bold; + } + #div2 + { + font: 14pt serif; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div id="div1">Filler Text</div> + <div id="div2" class="test">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-001-ref.html b/testing/web-platform/tests/css/CSS2/fonts/font-variant-001-ref.html new file mode 100644 index 0000000000..1dc9dda856 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-001-ref.html @@ -0,0 +1,8 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<link rel="author" title="Intel" href="http://www.intel.com"> +<body> + <p>Test passes if the words below are rendered in all lowercase characters.</p> + <div>filler text</div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-001.xht new file mode 100644 index 0000000000..22a3554c44 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-001.xht @@ -0,0 +1,23 @@ +<!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: Font-variant set to 'normal'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" /> + <link rel="match" href="font-variant-001-ref.html" /> + <meta name="assert" content="The 'font-variant' property set to 'normal' renders the typical characters for text for the font." /> + <style type="text/css"> + div + { + font-variant: small-caps; + font-variant: normal; + } + </style> + </head> + <body> + <p>Test passes if the words below are rendered in all lowercase characters.</p> + <div>filler text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-002.xht new file mode 100644 index 0000000000..3f93357fcf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-002.xht @@ -0,0 +1,21 @@ +<!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: Font-variant set to 'small-caps'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" /> + <meta name="assert" content="The 'font-variant' property set to 'normal' renders the small-caps version of characters for text for the font." /> + <style type="text/css"> + div + { + font-variant: small-caps; + } + </style> + </head> + <body> + <p>Test passes if the words below are rendered in small sized, uppercase characters.</p> + <div>filler text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-003.xht new file mode 100644 index 0000000000..3946e14606 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-003.xht @@ -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"> + <head> + <title>CSS Test: Font-variant set to 'inherit'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" /> + <meta name="assert" content="The 'font-variant' property set to 'inherit' inherits is value from the patent element's value." /> + <style type="text/css"> + div + { + font-variant: small-caps; + } + span + { + font-variant: normal; + } + div span + { + font-variant: inherit; + } + </style> + </head> + <body> + <p>Test passes if the words below are rendered in small sized, uppercase characters.</p> + <div> + <span>filler text</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-004.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-004.xht new file mode 100644 index 0000000000..a37df9a7b2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-004.xht @@ -0,0 +1,21 @@ +<!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 and color</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/variant/001.xml" type="application/xhtml+xml"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" /> + <meta name="assert" content="if ‘small-caps’ or ‘all-small-caps’ is specified but small-caps glyphs are not available for a given font, user agents should simulate a small-caps font"/> + <style type="text/css"> + span { color: green; font-variant: small-caps; } + div { color: white; text-decoration: underline; } + </style> + </head> + <body> + <p>It must say PASSED below, in a small-caps font or a simulated small caps. Test fails if lowercase or normal uppercase used.</p> + <div> + <span>THIS TEST HAS: passed.</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-001.xht new file mode 100644 index 0000000000..65dc2192d5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-001.xht @@ -0,0 +1,27 @@ +<!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: Font-variant and 'display: inline' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" /> + <link rel="match" href="../../reference/pass_if_filler_text_match_smallcaps.xht"/> + <meta name="assert" content="The 'font-variant' property applies to 'display: inline' elements." /> + <style type="text/css"> + div + { + font-variant: small-caps; + } + #div1 + { + display: inline; + } + </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> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-002.xht new file mode 100644 index 0000000000..2cd7f66b5b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-002.xht @@ -0,0 +1,29 @@ +<!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: Font-variant and 'display: block' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" /> + <link rel="match" href="../../reference/pass_if_filler_text_match_smallcaps.xht"/> + <meta name="assert" content="The 'font-variant' property applies to 'display: block' elements." /> + <style type="text/css"> + #reference, span + { + font-variant: small-caps; + } + span + { + display: block; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div id="reference">Filler Text</div> + <div> + <span>Filler Text</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-003.xht new file mode 100644 index 0000000000..b550aff200 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-003.xht @@ -0,0 +1,30 @@ +<!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: Font-variant and 'display: list-item' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" /> + <meta name="assert" content="The 'font-variant' property applies to 'display: list-item' elements." /> + <style type="text/css"> + body + { + margin-left: 2em; + } + div + { + font-variant: small-caps; + } + #div1 + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match styles and the bottom "Filler Text" has a marker bullet on the left-hand side.</p> + <div>Filler Text</div> + <div id="div1">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-005.xht new file mode 100644 index 0000000000..2878b176a4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-005.xht @@ -0,0 +1,27 @@ +<!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: Font-variant and 'display: inline-block' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" /> + <link rel="match" href="../../reference/pass_if_filler_text_match_smallcaps.xht"/> + <meta name="assert" content="The 'font-variant' property applies to 'display: inline-block' elements." /> + <style type="text/css"> + div + { + font-variant: small-caps; + } + #div1 + { + display: inline-block; + } + </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> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-006.xht new file mode 100644 index 0000000000..f744772006 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-006.xht @@ -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> + <title>CSS Test: Font-variant and 'display: table' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" /> + <link rel="match" href="../../reference/pass_if_filler_text_match_smallcaps.xht"/> + <meta name="assert" content="The 'font-variant' property applies to 'display: table' elements." /> + <style type="text/css"> + #reference, #table + { + font-variant: small-caps; + } + #table + { + display: table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div id="reference">Filler Text</div> + <div id="table"> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-007.xht new file mode 100644 index 0000000000..18f0df14e7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-007.xht @@ -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> + <title>CSS Test: Font-variant and 'display: inline-table' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" /> + <link rel="match" href="../../reference/pass_if_filler_text_match_smallcaps.xht"/> + <meta name="assert" content="The 'font-variant' property applies to 'display: inline-table' elements." /> + <style type="text/css"> + #reference, #table + { + font-variant: small-caps; + } + #table + { + display: inline-table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div id="reference">Filler Text</div> + <div id="table"> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-008.xht new file mode 100644 index 0000000000..569a1fb713 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-008.xht @@ -0,0 +1,45 @@ +<!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: Font-variant and 'display: table-row-group' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" /> + <link rel="match" href="../../reference/pass_if_filler_text_match_smallcaps.xht"/> + <meta name="assert" content="The 'font-variant' property applies to 'display: table-row-group' elements." /> + <style type="text/css"> + #reference, #test + { + font-variant: small-caps; + } + #table + { + display: table; + } + #test + { + display: table-row-group; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div id="reference">Filler Text</div> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-009.xht new file mode 100644 index 0000000000..16b1df6060 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-009.xht @@ -0,0 +1,45 @@ +<!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: Font-variant and 'display: table-header-group' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" /> + <link rel="match" href="../../reference/pass_if_filler_text_match_smallcaps.xht"/> + <meta name="assert" content="The 'font-variant' property does not applies to 'display: table-header-group' elements." /> + <style type="text/css"> + #reference, #test + { + font-variant: small-caps; + } + #table + { + display: table; + } + #test + { + display: table-header-group; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div id="reference">Filler Text</div> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-010.xht new file mode 100644 index 0000000000..017c4196f7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-010.xht @@ -0,0 +1,45 @@ +<!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: Font-variant and 'display: table-footer-group' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" /> + <link rel="match" href="../../reference/pass_if_filler_text_match_smallcaps.xht"/> + <meta name="assert" content="The 'font-variant' property applies to 'display: table-footer-group' elements." /> + <style type="text/css"> + #reference, #test + { + font-variant: small-caps; + } + #table + { + display: table; + } + #test + { + display: table-footer-group; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div id="reference">Filler Text</div> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-011.xht new file mode 100644 index 0000000000..45ba23c0cf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-011.xht @@ -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> + <title>CSS Test: Font-variant and 'display: table-row' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" /> + <link rel="match" href="../../reference/pass_if_filler_text_match_smallcaps.xht"/> + <meta name="assert" content="The 'font-variant' property applies to 'display: table-row' elements." /> + <style type="text/css"> + #reference, #row + { + font-variant: small-caps; + } + #table + { + display: table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div id="reference">Filler Text</div> + <div id="table"> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-014.xht new file mode 100644 index 0000000000..33d8e03731 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-014.xht @@ -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> + <title>CSS Test: Font-variant and 'display: table-cell' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" /> + <link rel="match" href="../../reference/pass_if_filler_text_match_smallcaps.xht"/> + <meta name="assert" content="The 'font-variant' property applies to 'display: table-cell' elements." /> + <style type="text/css"> + #reference, #cell + { + font-variant: small-caps; + } + #table + { + display: table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div id="reference">Filler Text</div> + <div id="table"> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-015.xht new file mode 100644 index 0000000000..43bd6a7608 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-015.xht @@ -0,0 +1,45 @@ +<!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: Font-variant and 'display: table-caption' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" /> + <link rel="match" href="../../reference/pass_if_filler_text_match_smallcaps.xht"/> + <meta name="assert" content="The 'font-variant' property applies to 'display: table-caption' elements." /> + <style type="text/css"> + #reference, #caption + { + font-variant: small-caps; + } + #table + { + display: table; + width: 100%; + } + #caption + { + display: table-caption; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div id="reference">Filler Text</div> + <div id="table"> + <div id="caption">Filler Text</div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-016.xht new file mode 100644 index 0000000000..9ba3158906 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-016.xht @@ -0,0 +1,24 @@ +<!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: 'font-variant' and 'display: none' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" /> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht" /> + <meta name="assert" content="The 'font-variant' property applies to 'display: none' elements." /> + <style type="text/css"> + div + { + color: red; + display: none; + font-variant: small-caps; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Fail</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-017.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-017.xht new file mode 100644 index 0000000000..c087c4b48a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-017.xht @@ -0,0 +1,34 @@ +<!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: Font-variant and 'display: inherit' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" /> + <link rel="match" href="../../reference/pass_if_filler_text_match_smallcaps.xht"/> + <meta name="assert" content="The 'font-variant' property applies to 'display: inherit' elements." /> + <style type="text/css"> + #parent, #reference + { + display: inline; + } + #reference, div div + { + font-variant: small-caps; + } + div div + { + display: inherit; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div id="reference">Filler Text</div> + <div id="parent"> + <br /> + <div>Filler Text</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-001.xht new file mode 100644 index 0000000000..a0a560cd0a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-001.xht @@ -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"> + <head> + <title>CSS Test: Font-weight set to the keyword 'normal'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-weight' property set to 'normal' properly sets the font to the normal weight rendering of the font." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 1in Ahem; + line-height: 1em; + } + #test + { + color: blue; + font-weight: bold; + font-weight: normal; + } + </style> + </head> + <body> + <p>Test passes if the blue box and the black box are the same size.</p> + <div>X</div> + <div id="test">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-002.xht new file mode 100644 index 0000000000..75c61ab5d1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-002.xht @@ -0,0 +1,30 @@ +<!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: Font-weight set to the keyword 'bold'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-weight' property set to 'bold' properly sets the font to the bold rendering of the font." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 1in Ahem; + line-height: 1em; + } + #test + { + color: blue; + font-weight: bold; + } + </style> + </head> + <body> + <p>Test passes if the blue box is larger than the black box.</p> + <div>X</div> + <div id="test">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-003.xht new file mode 100644 index 0000000000..27dc2725a0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-003.xht @@ -0,0 +1,30 @@ +<!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: Font-weight set to the keyword 'bolder'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-weight' property set to 'bolder' properly sets the font to the next higher bold rendering of the font." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 1in Ahem; + line-height: 1em; + } + #test + { + color: blue; + font-weight: bolder; + } + </style> + </head> + <body> + <p>Test passes if the blue box is larger than the black box.</p> + <div>X</div> + <div id="test">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-008.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-008.xht new file mode 100644 index 0000000000..1967df03fb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-008.xht @@ -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"> + <head> + <title>CSS Test: Font-weight set to the numerical value, 400</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <meta name="assert" content="The 'font-weight' property set to '400' properly sets the font to the correct bold rendering." /> + <style type="text/css"> + div + { + color: red; + font-size: 2in; + line-height: 1em; + position: absolute; + } + #test + { + color: black; + font-weight: bold; + font-weight: 400; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + <div id="test">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-010.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-010.xht new file mode 100644 index 0000000000..1df1eb7f20 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-010.xht @@ -0,0 +1,30 @@ +<!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: Font-weight set to the numerical value, 600</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <meta name="assert" content="The 'font-weight' property set to '600' properly sets the font to the correct bold rendering." /> + <style type="text/css"> + div + { + color: black; + font-size: 2in; + line-height: 1em; + position: absolute; + } + #test + { + color: green; + font-weight: 600; + } + </style> + </head> + <body> + <p>Test passes if the green text is visible. It can be partially obscured by the black text.</p> + <div id="test">Filler Text</div> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-011.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-011.xht new file mode 100644 index 0000000000..b3d227cd1d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-011.xht @@ -0,0 +1,30 @@ +<!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: Font-weight set to the numerical value, 700</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <meta name="assert" content="The 'font-weight' property set to '700' properly sets the font to the correct bold rendering." /> + <style type="text/css"> + div + { + color: black; + font-size: 2in; + line-height: 1em; + position: absolute; + } + #test + { + color: green; + font-weight: 700; + } + </style> + </head> + <body> + <p>Test passes if the green text is visible. It can be partially obscured by the black text.</p> + <div id="test">Filler Text</div> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-012.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-012.xht new file mode 100644 index 0000000000..08348f2fa2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-012.xht @@ -0,0 +1,30 @@ +<!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: Font-weight set to the numerical value, 800</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <meta name="assert" content="The 'font-weight' property set to '800' properly sets the font to the correct bold rendering." /> + <style type="text/css"> + div + { + color: black; + font-size: 2in; + line-height: 1em; + position: absolute; + } + #test + { + color: green; + font-weight: 800; + } + </style> + </head> + <body> + <p>Test passes if the green text is visible. It can be partially obscured by the black text.</p> + <div id="test">Filler Text</div> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-013.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-013.xht new file mode 100644 index 0000000000..5d6c704091 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-013.xht @@ -0,0 +1,30 @@ +<!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: Font-weight set to the numerical value, 900</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <meta name="assert" content="The 'font-weight' property set to '900' properly sets the font to the correct bold rendering." /> + <style type="text/css"> + div + { + color: black; + font-size: 2in; + line-height: 1em; + position: absolute; + } + #test + { + color: green; + font-weight: 900; + } + </style> + </head> + <body> + <p>Test passes if the green text is visible. It can be partially obscured by the black text.</p> + <div id="test">Filler Text</div> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-014.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-014.xht new file mode 100644 index 0000000000..9df85b63e2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-014.xht @@ -0,0 +1,37 @@ +<!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: Font-weight set to the keyword 'inherit'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <meta name="assert" content="The 'font-weight' property set to 'inherit' properly sets the font to the bold rendering of the font." /> + <style type="text/css"> + div + { + color: green; + font-size: 1in; + font-weight: normal; + line-height: 1em; + position: absolute; + } + #wrapper + { + font-weight: bold; + } + #test + { + color: black; + font-weight: inherit; + } + </style> + </head> + <body> + <p>Test passes if the green text is visible. It can be partially obscured by the black text.</p> + <div id="wrapper"> + <div id="reference">Filler Text</div> + <div id="test">Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-015.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-015.xht new file mode 100644 index 0000000000..216a53d545 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-015.xht @@ -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: CSS: font-weight inheritance</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/ahem/003.xml" type="application/xhtml+xml"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <meta name="flags" content="ahem"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + .a { font-weight: 900; } + .c { font-family: Ahem; font-size: 64px; line-height: 64px; height: 64px; width: 257px; background: red; color: green; position: absolute; } + .container { position: relative; } + .overlapper { position: absolute; height: 48px; width: 240px; padding: 8px; background: white; } + </style> + </head> + <body> + + <div class="container"> + <div class="a"> + <div class="b"> + <div class="c"> + FAIL + </div> + </div> + </div> + <div class="overlapper"> + There should be a green line to the right of this text. + </div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-016.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-016.xht new file mode 100644 index 0000000000..02d0e165a2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-016.xht @@ -0,0 +1,30 @@ +<!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: font-weight 500/600 defaulting to normal/bold</title> + <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-04-08 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/ahem/005.xml" type="application/xhtml+xml"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + + <meta name="flags" content="ahem"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + .overlap { height: 5em; width: 7.5em; background: white; position: absolute; z-index: 1; } + .a { font: 500 2.5em/1em Ahem; color: red; } + .b { font: 600 2.5em/1em Ahem; color: green; } + </style> + </head> + <body> + + <p>Test passes if there is a short and narrow vertical line of green.</p> + + <div> <!-- work around for bug 87712 --> + <div class="overlap"/> + <div class="a">500</div> + <div class="b">600</div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-017.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-017.xht new file mode 100644 index 0000000000..0a2fe169df --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-017.xht @@ -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: CSS: sanity tests for absolute keyword values of font-weight</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/weight/001.xml" type="application/xhtml+xml"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/weight/001.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <style type="text/css"> + /* Chains should be followed all the way. If a chain causes reentrancy, fail. */ + .fw100 { font-weight: 100; } /* defaults to 200 */ + .fw200 { font-weight: 200; } /* defaults to 100, failing to 300 */ + .fw300 { font-weight: 300; } /* defaults to 200, failing to 400 */ + .fw400 { font-weight: 400; } /* normal */ + .fw500 { font-weight: 500; } /* defaults to 400 */ + .fw600 { font-weight: 600; } /* defaults to 700, failing to 500 */ + .fw700 { font-weight: 700; } /* bold - defaults to 800, failing to 600 */ + .fw800 { font-weight: 800; } /* defaults to 900, failing to 700 */ + .fw900 { font-weight: 900; } /* defaults to 800 */ + + /* prettiness */ + p { margin: 1em 0 0.4em 0; } + .w { font-family: Verdana, sans-serif; font-variant: normal; font-style: normal; font-size: 1em; margin: 0 0 0.2em 2em; } + </style> + </head> + <body> + <p>The following text should get darker (or stay the same) at each stage.</p> + <p class="w fw100">100</p> + <p class="w fw200">200</p> + <p class="w fw300">300</p> + <p class="w fw400">400 normal</p> + <p class="w fw500">500</p> + <p class="w fw600">600</p> + <p class="w fw700">700 bold</p> + <p class="w fw800">800</p> + <p class="w fw900">900</p> + <p>If there are two or more different weights in the list above, + then the following two tests should be of different weights:</p> + <p class="w fw500">500 (defaults to 400 normal)</p> + <p class="w fw600">600 (defaults to 700 bold)</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-018.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-018.xht new file mode 100644 index 0000000000..3a2a2f22b4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-018.xht @@ -0,0 +1,72 @@ +<!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: sanity tests for relative keyword values of font-weight</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/weight/002.xml" type="application/xhtml+xml"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/weight/002.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <style type="text/css"> + /* Chains should be followed all the way. If a chain causes reentrancy, fail. */ + .fw100 { font-weight: 100; } /* defaults to 200 */ + .fw200 { font-weight: 200; } /* defaults to 100, failing to 300 */ + .fw300 { font-weight: 300; } /* defaults to 200, failing to 400 */ + .fw400 { font-weight: 400; } /* normal */ + .fw500 { font-weight: 500; } /* defaults to 400 */ + .fw600 { font-weight: 600; } /* defaults to 700, failing to 500 */ + .fw700 { font-weight: 700; } /* bold - defaults to 800, failing to 600 */ + .fw800 { font-weight: 800; } /* defaults to 900, failing to 700 */ + .fw900 { font-weight: 900; } /* defaults to 800 */ + + /* Test */ + .l { font-weight: lighter; } + .b { font-weight: bolder; } + + /* prettiness */ + p { margin: 1em 0 0.4em 0; } + p.w, p.x { font-family: Verdana, sans-serif; font-variant: normal; font-style: normal; font-size: 1em; } + p.w { margin: 0 0 0.2em 2em; } + p.x { margin: 0.75em 0 0.2em 2em; } + </style> + </head> + <body> + <p>The following lines should always be light on the left and bold + on the right and should all be identical (assuming your font only + has two font weights).</p> + + <!-- simple --> + <p class="x fw100">light<span class="b">bold</span></p> + <p class="w fw200">light<span class="b">bold</span></p> + <p class="w fw300">light<span class="b">bold</span></p> + <p class="w fw400">light<span class="b">bold</span></p> + <p class="w fw500">light<span class="b">bold</span></p> + <p class="w fw600"><span class="l">light</span>bold</p> + <p class="w fw700"><span class="l">light</span>bold</p> + <p class="w fw800"><span class="l">light</span>bold</p> + <p class="w fw900"><span class="l">light</span>bold</p> + + <!-- two level lighter/bolder --> + <p class="x fw100"><span class="l">light<span class="b">bold</span></span></p> + <p class="w fw200"><span class="l">light<span class="b">bold</span></span></p> + <p class="w fw300"><span class="l">light<span class="b">bold</span></span></p> + <p class="w fw400"><span class="l">light<span class="b">bold</span></span></p> + <p class="w fw500"><span class="l">light<span class="b">bold</span></span></p> + <p class="w fw600"><span class="l">light<span class="b">bold</span></span></p> + <p class="w fw700"><span class="l">light<span class="b">bold</span></span></p> + <p class="w fw800"><span class="l">light<span class="b">bold</span></span></p> + <p class="w fw900"><span class="l">light<span class="b">bold</span></span></p> + + <!-- two level bolder/lighter --> + <p class="x fw100"><span class="b"><span class="l">light</span>bold</span></p> + <p class="w fw200"><span class="b"><span class="l">light</span>bold</span></p> + <p class="w fw300"><span class="b"><span class="l">light</span>bold</span></p> + <p class="w fw400"><span class="b"><span class="l">light</span>bold</span></p> + <p class="w fw500"><span class="b"><span class="l">light</span>bold</span></p> + <p class="w fw600"><span class="b"><span class="l">light</span>bold</span></p> + <p class="w fw700"><span class="b"><span class="l">light</span>bold</span></p> + <p class="w fw800"><span class="b"><span class="l">light</span>bold</span></p> + <p class="w fw900"><span class="b"><span class="l">light</span>bold</span></p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-100-ref.html b/testing/web-platform/tests/css/CSS2/fonts/font-weight-100-ref.html new file mode 100644 index 0000000000..a3bd0d2228 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-100-ref.html @@ -0,0 +1,12 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<link rel="author" title="Mike Bremford" href="http://bfo.com"> +<style> +div { font-weight: 100 } +</style> +<body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div>Filler Text</div> + <div>Filler Text</div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-900-ref.html b/testing/web-platform/tests/css/CSS2/fonts/font-weight-900-ref.html new file mode 100644 index 0000000000..cc3ba5d2d4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-900-ref.html @@ -0,0 +1,12 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<link rel="author" title="Mike Bremford" href="http://bfo.com"> +<style> +div { font-weight: 900 } +</style> +<body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div>Filler Text</div> + <div>Filler Text</div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-001.xht new file mode 100644 index 0000000000..e351ec3dfc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-001.xht @@ -0,0 +1,27 @@ +<!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: Font-weight and 'display: inline' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <link rel="match" href="font-weight-bold-ref.html" /> + <meta name="assert" content="Font weights apply to 'display: inline' elements." /> + <style type="text/css"> + div + { + font-weight: bold; + } + #div1 + { + display: inline; + } + </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> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-002.xht new file mode 100644 index 0000000000..09dcd24428 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-002.xht @@ -0,0 +1,29 @@ +<!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: Font-weight and 'display: block' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <link rel="match" href="font-weight-bold-ref.html" /> + <meta name="assert" content="Font weights apply to 'display: block' elements." /> + <style type="text/css"> + #reference, span + { + font-weight: bold; + } + span + { + display: block; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div id="reference">Filler Text</div> + <div> + <span>Filler Text</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-003.xht new file mode 100644 index 0000000000..868d6dd618 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-003.xht @@ -0,0 +1,30 @@ +<!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: Font-weight and 'display: list-item' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <meta name="assert" content="Font weights apply to 'display: list-item' elements." /> + <style type="text/css"> + body + { + margin-left: 2em; + } + div + { + font-weight: bold; + } + #div1 + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match styles and the bottom "Filler Text" has a marker bullet on the left-hand side.</p> + <div>Filler Text</div> + <div id="div1">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-005.xht new file mode 100644 index 0000000000..5228c156d0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-005.xht @@ -0,0 +1,27 @@ +<!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: Font-weight and 'display: inline-block' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <link rel="match" href="../../reference/pass_if_filler_text_match_bold.xht"/> + <meta name="assert" content="Font weights apply to 'display: inline-block' elements." /> + <style type="text/css"> + div + { + font-weight: bold; + } + #div1 + { + display: inline-block; + } + </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> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-006.xht new file mode 100644 index 0000000000..e9e68adb34 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-006.xht @@ -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> + <title>CSS Test: Font-weight and 'display: table' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <link rel="match" href="../../reference/pass_if_filler_text_match_bold.xht"/> + <meta name="assert" content="Font weights apply to 'display: table' elements." /> + <style type="text/css"> + #reference, #table + { + font-weight: bold; + } + #table + { + display: table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div id="reference">Filler Text</div> + <div id="table"> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-007.xht new file mode 100644 index 0000000000..eda231162d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-007.xht @@ -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> + <title>CSS Test: Font-weight and 'display: inline-table' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <link rel="match" href="../../reference/pass_if_filler_text_match_bold.xht"/> + <meta name="assert" content="Font weights apply to 'display: inline-table' elements." /> + <style type="text/css"> + #reference, #table + { + font-weight: bold; + } + #table + { + display: inline-table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div id="reference">Filler Text</div> + <div id="table"> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-008.xht new file mode 100644 index 0000000000..76522784fd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-008.xht @@ -0,0 +1,45 @@ +<!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: Font-weight and 'display: table-row-group' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <link rel="match" href="../../reference/pass_if_filler_text_match_bold.xht"/> + <meta name="assert" content="Font weights apply to 'display: table-row-group' elements." /> + <style type="text/css"> + #reference, #test + { + font-weight: bold; + } + #table + { + display: table; + } + #test + { + display: table-row-group; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div id="reference">Filler Text</div> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-009.xht new file mode 100644 index 0000000000..75866ee1c6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-009.xht @@ -0,0 +1,45 @@ +<!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: Font-weight and 'display: table-header-group' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <link rel="match" href="../../reference/pass_if_filler_text_match_bold.xht"/> + <meta name="assert" content="Verifies that font-weight does not applies to 'display: table-header-group' elements." /> + <style type="text/css"> + #reference, #test + { + font-weight: bold; + } + #table + { + display: table; + } + #test + { + display: table-header-group; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div id="reference">Filler Text</div> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-010.xht new file mode 100644 index 0000000000..a47c236038 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-010.xht @@ -0,0 +1,45 @@ +<!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: Font-weight and 'display: table-footer-group' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <link rel="match" href="../../reference/pass_if_filler_text_match_bold.xht"/> + <meta name="assert" content="Font weights apply to 'display: table-footer-group' elements." /> + <style type="text/css"> + #reference, #test + { + font-weight: bold; + } + #table + { + display: table; + } + #test + { + display: table-footer-group; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div id="reference">Filler Text</div> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-011.xht new file mode 100644 index 0000000000..f6704c676f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-011.xht @@ -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> + <title>CSS Test: Font-weight and 'display: table-row' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <link rel="match" href="../../reference/pass_if_filler_text_match_bold.xht"/> + <meta name="assert" content="Font weights apply to 'display: table-row' elements." /> + <style type="text/css"> + #reference, #row + { + font-weight: bold; + } + #table + { + display: table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div id="reference">Filler Text</div> + <div id="table"> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-014.xht new file mode 100644 index 0000000000..5fb06c80e3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-014.xht @@ -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> + <title>CSS Test: Font-weight and 'display: table-cell' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <link rel="match" href="../../reference/pass_if_filler_text_match_bold.xht"/> + <meta name="assert" content="Font weights apply to 'display: table-cell' elements." /> + <style type="text/css"> + #reference, #cell + { + font-weight: bold; + } + #table + { + display: table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div id="reference">Filler Text</div> + <div id="table"> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-015.xht new file mode 100644 index 0000000000..57fea5b7d2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-015.xht @@ -0,0 +1,45 @@ +<!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: Font-weight and 'display: table-caption' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <link rel="match" href="../../reference/pass_if_filler_text_match_bold.xht"/> + <meta name="assert" content="Font weights apply to 'display: table-caption' elements." /> + <style type="text/css"> + #reference, #caption + { + font-weight: bold; + } + #table + { + display: table; + width: 100%; + } + #caption + { + display: table-caption; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div id="reference">Filler Text</div> + <div id="table"> + <div id="caption">Filler Text</div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-016.xht new file mode 100644 index 0000000000..c0471c20fd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-016.xht @@ -0,0 +1,24 @@ +<!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: Font-weight and 'display: none' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht" /> + <meta name="assert" content="Font weights apply to 'display: none' elements." /> + <style type="text/css"> + div + { + color: red; + display: none; + font-weight: bold; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Fail</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-017.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-017.xht new file mode 100644 index 0000000000..76737f6cfb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-017.xht @@ -0,0 +1,34 @@ +<!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: Font-weight and 'display: inherit' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <link rel="match" href="font-weight-bold-ref.html" /> + <meta name="assert" content="Font weights apply to 'display: inherit' elements." /> + <style type="text/css"> + #parent, #reference + { + display: inline; + } + #reference, div div + { + font-weight: bold; + } + div div + { + display: inherit; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div id="reference">Filler Text</div> + <div id="parent"> + <br /> + <div>Filler Text</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-bold-ref.html b/testing/web-platform/tests/css/CSS2/fonts/font-weight-bold-ref.html new file mode 100644 index 0000000000..a548a4e98f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-bold-ref.html @@ -0,0 +1,9 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<link rel="author" title="Intel" href="http://www.intel.com"> +<body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div><b>Filler Text</b></div> + <div><b>Filler Text</b></div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-normal-ref.html b/testing/web-platform/tests/css/CSS2/fonts/font-weight-normal-ref.html new file mode 100644 index 0000000000..2857ee4cae --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-normal-ref.html @@ -0,0 +1,9 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<link rel="author" title="Intel" href="http://www.intel.com"> +<body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div>Filler Text</div> + <div>Filler Text</div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-001.xht new file mode 100644 index 0000000000..ffc5cc7c11 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-001.xht @@ -0,0 +1,26 @@ +<!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: Font-weight set to 'normal' corresponds to '400'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <link rel="match" href="font-weight-normal-ref.html" /> + <meta name="assert" content="A font weight of 'normal' corresponds to the weight value '400'." /> + <style type="text/css"> + #div1 + { + font-weight: normal; + } + #div2 + { + font-weight: 400; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div id="div1">Filler Text</div> + <div id="div2">Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-002.xht new file mode 100644 index 0000000000..857cff179f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-002.xht @@ -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> + <title>CSS Test: Font-weight comparison of 100 to 900</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <meta name="assert" content="Font weight value 100 to 900 indicate a weight that is either darker than OR as dark as its predecessor." /> + <style type="text/css"> + #test1 + { + font-weight: 100; + } + #test2 + { + font-weight: 200; + } + #test3 + { + font-weight: 300; + } + #test4 + { + font-weight: 400; + } + #test5 + { + font-weight: 500; + } + #test6 + { + font-weight: 600; + } + #test7 + { + font-weight: 700; + } + #test8 + { + font-weight: 800; + } + #test9 + { + font-weight: 900; + } + </style> + </head> + <body> + <p>Test passes if the darkness of the below lines are from light to dark. Each line needs to be either darker than or as dark as its previous line.</p> + <div id="test1">Filler Text</div> + <div id="test2">Filler Text</div> + <div id="test3">Filler Text</div> + <div id="test4">Filler Text</div> + <div id="test5">Filler Text</div> + <div id="test6">Filler Text</div> + <div id="test7">Filler Text</div> + <div id="test8">Filler Text</div> + <div id="test9">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-003.xht new file mode 100644 index 0000000000..c6491d75b3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-003.xht @@ -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> + <title>CSS Test: Font-weight inherits the computed weight</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <link rel="match" href="font-weight-bold-ref.html" /> + <meta name="assert" content="Child elements inherit their parent's actual font weight." /> + <style type="text/css"> + #parent + { + font-weight: bold; + } + #reference + { + font-weight: bold; + } + div div + { + font-weight: inherit; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div id="reference">Filler Text</div> + <div id="parent"> + <div>Filler Text</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-004.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-004.xht new file mode 100644 index 0000000000..f4d2ea7f14 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-004.xht @@ -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> + <title>CSS Test: Font-weight set to 'bolder'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <link rel="match" href="font-weight-bold-ref.html" /> + <meta name="assert" content="The value 'bolder' selects the next darker weight compared to its parent's weight." /> + <style type="text/css"> + #parent + { + font-weight: 400; + } + #reference + { + font-weight: 700; + } + div div + { + font-weight: bolder; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div id="reference">Filler Text</div> + <div id="parent"> + <div>Filler Text</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-005.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-005.xht new file mode 100644 index 0000000000..b364741d27 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-005.xht @@ -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> + <title>CSS Test: Font-weight set to 'bolder' increasing the value above '900'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <link rel="match" href="font-weight-900-ref.html" /> + <meta name="assert" content="The 'font-weight' property set to 'bolder' does not increase the value of font weight when the parent values is already set at 900." /> + <style type="text/css"> + #parent + { + font-weight: 900; + } + #reference + { + font-weight: 900; + } + div div + { + font-weight: bolder; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div id="reference">Filler Text</div> + <div id="parent"> + <div>Filler Text</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-006.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-006.xht new file mode 100644 index 0000000000..2a6bfd226f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-006.xht @@ -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> + <title>CSS Test: Font-weight set to 'lighter'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <link rel="match" href="font-weight-normal-ref.html" /> + <meta name="assert" content="A font weight of 'lighter' selects the next lighter weight." /> + <style type="text/css"> + #parent + { + font-weight: bold; + } + #reference + { + font-weight: normal; + } + div div + { + font-weight: lighter; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div id="reference">Filler Text</div> + <div id="parent"> + <div>Filler Text</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-007.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-007.xht new file mode 100644 index 0000000000..2de6246848 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-007.xht @@ -0,0 +1,28 @@ +<!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: Font-weight set to 'lighter' decreasing value below '100'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <link rel="match" href="font-weight-100-ref.html" /> + <meta name="assert" content="A font weight of 'lighter' selects the next lighter weight compared to its parent's weight." /> + <style type="text/css"> + #parent, #reference + { + font-weight: 100; + } + div div + { + font-weight: lighter; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div id="reference">Filler Text</div> + <div id="parent"> + <div>Filler Text</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-008.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-008.xht new file mode 100644 index 0000000000..510e2d7c1c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-008.xht @@ -0,0 +1,26 @@ +<!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: Font-weight compare 'bold' to '700'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <link rel="match" href="font-weight-bold-ref.html" /> + <meta name="assert" content="A font weight set to 'bold' corresponds to the weight value '700'." /> + <style type="text/css"> + #div1 + { + font-weight: bold; + } + #div2 + { + font-weight: 700; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div id="div1">Filler Text</div> + <div id="div2">Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/fonts-009.xht b/testing/web-platform/tests/css/CSS2/fonts/fonts-009.xht new file mode 100644 index 0000000000..4045b589ac --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/fonts-009.xht @@ -0,0 +1,26 @@ +<!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 Tables: Font Inheritance</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/007.xml" type="application/xhtml+xml"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" /> + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div { font: 50px/1em Ahem; color: green; margin-left: 1em; } + div > * { display: table; background: red; } + td { padding: 0; } + table { border-spacing: 0; } + </style> + </head> + <body> + + <p>There should be no red below, merely two big identical green blocks.</p> + <div> + <div class="table"><tr><td>Test<br/>Test</td></tr></div> + <p>Test<br/>Test</p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/fonts-010-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/fonts-010-ref.xht new file mode 100644 index 0000000000..6b7c84af51 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/fonts-010-ref.xht @@ -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"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + height: 2.5em; + position: relative; + top: 0.25em; + width: 2.5em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a small filled green square and <strong>no red</strong>.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/fonts-010.xht b/testing/web-platform/tests/css/CSS2/fonts/fonts-010.xht new file mode 100644 index 0000000000..cf5316fccb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/fonts-010.xht @@ -0,0 +1,24 @@ +<!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"> + <head> + <title>CSS Test: font inheritance into <pre> elements</title> + <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-04-08 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/004.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#algorithm" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-matching-algorithm" /> + <link rel="match" href="fonts-010-ref.xht" /> + + <meta name="flags" content="ahem"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div { font: 1.25em/1 Ahem; width: 2em; background: red; height: 2em; } + pre { font: inherit; color: green; } + </style> + </head> + <body> + <p>Test passes if there is a small filled green square and <strong>no red</strong>.</p> + <div><pre>xx +xx</pre></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/fonts-011-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/fonts-011-ref.xht new file mode 100644 index 0000000000..eff02b04b1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/fonts-011-ref.xht @@ -0,0 +1,30 @@ +<!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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + height: 2.5em; + margin: 2.5em 0em; + width: 5em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a small filled green rectangle and <strong>no red</strong>.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/fonts-011.xht b/testing/web-platform/tests/css/CSS2/fonts/fonts-011.xht new file mode 100644 index 0000000000..e218ea9826 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/fonts-011.xht @@ -0,0 +1,22 @@ +<!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: Fonts and bidi</title> + <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-04-08 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/002.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#algorithm" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-matching-algorithm" /> + <link rel="match" href="fonts-011-ref.xht" /> + + <meta name="flags" content="ahem"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + .test { font: 2.5em/1 Ahem; color: green; background: red; width: 2em; } + </style> + </head> + <body> + <p>Test passes if there is a small filled green rectangle and <strong>no red</strong>.</p> + <p class="test">X‮X‬</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/fonts-012-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/fonts-012-ref.xht new file mode 100644 index 0000000000..d721fa8065 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/fonts-012-ref.xht @@ -0,0 +1,37 @@ +<!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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div + { + color: blue; + font-size: 2.5em; + line-height: 1; + margin: 1em 0em; + } + + span + { + font-family: Ahem; + vertical-align: top; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is an "İ" in-between 2 blue stripes.</p> + + <div><img src="support/swatch-blue.png" width="160" height="40" alt="Image download support must be enabled" /><img src="support/swatch-white.png" width="40" height="40" alt="Image download support must be enabled" /><span>İ</span><img src="support/swatch-white.png" width="40" height="40" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" width="160" height="40" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/fonts-012.xht b/testing/web-platform/tests/css/CSS2/fonts/fonts-012.xht new file mode 100644 index 0000000000..af25d7b783 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/fonts-012.xht @@ -0,0 +1,22 @@ +<!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: Fonts and not bidi</title> + <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-04-08 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/005.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#algorithm" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-matching-algorithm" /> + <link rel="match" href="fonts-012-ref.xht" /> + + <meta name="flags" content="ahem"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + .test { font: 2.5em/1 Ahem; color: blue; } + </style> + </head> + <body> + <p>Test passes if there is an "İ" in-between 2 blue stripes.</p> + <p class="test">XXXX İ FAIL</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/fonts-013-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/fonts-013-ref.xht new file mode 100644 index 0000000000..6d6ba69ed9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/fonts-013-ref.xht @@ -0,0 +1,33 @@ +<!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 Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p {color: navy;} + + span.Times {font-size: 4em; font-family: "Times New Roman";} + + span.Arial {font-size: 4em; font-family: Arial;} + + span.CourierNew {font-size: 4em; font-family: "Courier New";} + ]]></style> + + </head> + + <body> + + <div>In each of the three lines below, the two words should look identical.</div> + + <p><span class="Times">Ţęşţ</span> — <span class="Times">Ţęşţ</span></p> + + <p><span class="Arial">Ţęşţ</span> — <span class="Arial">Ţęşţ</span></p> + + <p><span class="CourierNew">Ţęşţ</span> — <span class="CourierNew">Ţęşţ</span></p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/fonts-013.xht b/testing/web-platform/tests/css/CSS2/fonts/fonts-013.xht new file mode 100644 index 0000000000..7661c20b2c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/fonts-013.xht @@ -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" lang="en"> + <head> + <title>CSS Test: font and fallbacks</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/006.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#algorithm" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-matching-algorithm" /> + <link rel="match" href="fonts-013-ref.xht" /> + + <meta name="flags" content="ahem"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + p { color: navy; } + .a span.test { font: 4em "Ahem", "Times New Roman"; } + .a span.control { font: 4em "Times New Roman"; } + .b span.test { font: 4em "Ahem", "Arial"; } + .b span.control { font: 4em "Arial"; } + .c span.test { font: 4em "Ahem", "Courier New"; } + .c span.control { font: 4em "Courier New"; } + </style> + </head> + <body> + <div>In each of the three lines below, the two words should look identical.</div> + <p class="a"> + <span class="test">Ţęşţ</span> + — + <span class="control">Ţęşţ</span> + </p> + <p class="b"> + <span class="test">Ţęşţ</span> + — + <span class="control">Ţęşţ</span> + </p> + <p class="c"> + <span class="test">Ţęşţ</span> + — + <span class="control">Ţęşţ</span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/fonts-014.xht b/testing/web-platform/tests/css/CSS2/fonts/fonts-014.xht new file mode 100644 index 0000000000..dec823ebbf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/fonts-014.xht @@ -0,0 +1,40 @@ +<!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"> + <head> + <title>CSS Test: font and fallbacks</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/007.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#algorithm" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-matching-algorithm" /> + <link rel="match" href="fonts-013-ref.xht" /> + + <meta name="flags" content="ahem"/> + <style type="text/css"> + p { color: navy; } + .a span.test { font: 4em "Missing Font", "Times New Roman"; } + .a span.control { font: 4em "Times New Roman"; } + .b span.test { font: 4em "Missing Font", "Arial"; } + .b span.control { font: 4em "Arial"; } + .c span.test { font: 4em "Missing Font", "Courier New"; } + .c span.control { font: 4em "Courier New"; } + </style> + </head> + <body> + <div>In each of the three lines below, the two words should look identical.</div> + <p class="a"> + <span class="test">Ţęşţ</span> + — + <span class="control">Ţęşţ</span> + </p> + <p class="b"> + <span class="test">Ţęşţ</span> + — + <span class="control">Ţęşţ</span> + </p> + <p class="c"> + <span class="test">Ţęşţ</span> + — + <span class="control">Ţęşţ</span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/shand-font-000-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/shand-font-000-ref.xht new file mode 100644 index 0000000000..d0e14239fd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/shand-font-000-ref.xht @@ -0,0 +1,17 @@ +<!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 Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/> +<style type="text/css"> +p.test { + font-family: serif; +} +</style> +</head> +<body> +<p>The following paragraphs should be identical:</p> +<p class="test">This should be in a normal weight font.</p> +<p class="test">This should be in a normal weight font.</p> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/shand-font-000.xht b/testing/web-platform/tests/css/CSS2/fonts/shand-font-000.xht new file mode 100644 index 0000000000..ff01cdb29a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/shand-font-000.xht @@ -0,0 +1,23 @@ +<!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: Shorthand Properties (font)</title> + <link rel="author" title="L. David Baron" href="https://dbaron.org/"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/about.html#shorthand"/> + <link rel="match" href="shand-font-000-ref.xht"/> + <style type="text/css"> + + p.one { font-family: serif; } /* control */ + p.two { font-weight: bold; font: 1em/normal serif; } + + </style> + </head> + <body> + + <p>The following paragraphs should be identical:</p> + + <p class="one">This should be in a normal weight font.</p> + <p class="two">This should be in a normal weight font.</p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/shand-font-001.xht b/testing/web-platform/tests/css/CSS2/fonts/shand-font-001.xht new file mode 100644 index 0000000000..6cdb234eca --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/shand-font-001.xht @@ -0,0 +1,24 @@ +<!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: Shorthand Properties (font)</title> + <link rel="author" title="L. David Baron" href="https://dbaron.org/"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/about.html#shorthand"/> + <link rel="match" href="shand-font-000-ref.xht"/> + <style type="text/css"> + + p.one { font-family: serif; } /* control */ + p.two { font-weight: bold; } + p.two { font: 1em/normal serif; } + + </style> + </head> + <body> + + <p>The following paragraphs should be identical:</p> + + <p class="one">This should be in a normal weight font.</p> + <p class="two">This should be in a normal weight font.</p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/shand-font-002-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/shand-font-002-ref.xht new file mode 100644 index 0000000000..437989e877 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/shand-font-002-ref.xht @@ -0,0 +1,18 @@ +<!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 Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/> +<style type="text/css"> +p.test { + font-family: serif; + font-weight: bold; +} +</style> +</head> +<body> +<p>The following paragraphs should be identical:</p> +<p class="test">This should be in a bold font.</p> +<p class="test">This should be in a bold font.</p> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/shand-font-002.xht b/testing/web-platform/tests/css/CSS2/fonts/shand-font-002.xht new file mode 100644 index 0000000000..cd054edfa1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/shand-font-002.xht @@ -0,0 +1,23 @@ +<!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: Shorthand Properties (font)</title> + <link rel="author" title="L. David Baron" href="https://dbaron.org/"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/about.html#shorthand"/> + <link rel="match" href="shand-font-002-ref.xht"/> + <style type="text/css"> + + p.one { font-family: serif; font-weight: bold; } /* control */ + p.two { font: 1em/normal serif; font-weight: bold; } + + </style> + </head> + <body> + + <p>The following paragraphs should be identical:</p> + + <p class="one">This should be in a bold font.</p> + <p class="two">This should be in a bold font.</p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/shand-font-003.xht b/testing/web-platform/tests/css/CSS2/fonts/shand-font-003.xht new file mode 100644 index 0000000000..fdb2948a13 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/shand-font-003.xht @@ -0,0 +1,24 @@ +<!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: Shorthand Properties (font)</title> + <link rel="author" title="L. David Baron" href="https://dbaron.org/"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/about.html#shorthand"/> + <link rel="match" href="shand-font-002-ref.xht"/> + <style type="text/css"> + + p.one { font-family: serif; font-weight: bold; } /* control */ + p.two { font: 1em/normal serif; } + p.two { font-weight: bold; } + + </style> + </head> + <body> + + <p>The following paragraphs should be identical:</p> + + <p class="one">This should be in a bold font.</p> + <p class="two">This should be in a bold font.</p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/fonts/support/1x1-green.png Binary files differnew file mode 100644 index 0000000000..b98ca0ba0a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/1x1-green.png diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/fonts/support/1x1-lime.png Binary files differnew file mode 100644 index 0000000000..cb397fb090 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/1x1-lime.png diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/fonts/support/1x1-maroon.png Binary files differnew file mode 100644 index 0000000000..3f86b07219 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/1x1-maroon.png diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/fonts/support/1x1-navy.png Binary files differnew file mode 100644 index 0000000000..9b9a03955b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/1x1-navy.png diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/fonts/support/1x1-red.png Binary files differnew file mode 100644 index 0000000000..6bd73ac101 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/1x1-red.png diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/fonts/support/1x1-white.png Binary files differnew file mode 100644 index 0000000000..dd43faec54 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/1x1-white.png diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/60x60-gg-rr.png b/testing/web-platform/tests/css/CSS2/fonts/support/60x60-gg-rr.png Binary files differnew file mode 100644 index 0000000000..84f5b2a4f1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/60x60-gg-rr.png diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/fonts/support/60x60-green.png Binary files differnew file mode 100644 index 0000000000..b3c8cf3eb4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/60x60-green.png diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/a-green.css b/testing/web-platform/tests/css/CSS2/fonts/support/a-green.css new file mode 100644 index 0000000000..b0dbb071d5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/a-green.css @@ -0,0 +1 @@ +.a { color: green; } diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/b-green.css b/testing/web-platform/tests/css/CSS2/fonts/support/b-green.css new file mode 100644 index 0000000000..a0473f5ca2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/b-green.css @@ -0,0 +1 @@ +.b { color: green; }
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/black96x96.png b/testing/web-platform/tests/css/CSS2/fonts/support/black96x96.png Binary files differnew file mode 100644 index 0000000000..4e5a7c7546 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/black96x96.png diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/fonts/support/blue15x15.png Binary files differnew file mode 100644 index 0000000000..89de32fdb8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/blue15x15.png diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/c-red.css b/testing/web-platform/tests/css/CSS2/fonts/support/c-red.css new file mode 100644 index 0000000000..d4ba5c64e9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/c-red.css @@ -0,0 +1 @@ +.c { color: red; }
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/cat.png b/testing/web-platform/tests/css/CSS2/fonts/support/cat.png Binary files differnew file mode 100644 index 0000000000..85dd732481 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/cat.png diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/diamond.png b/testing/web-platform/tests/css/CSS2/fonts/support/diamond.png Binary files differnew file mode 100644 index 0000000000..51112efc7c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/diamond.png diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/green15x15.png b/testing/web-platform/tests/css/CSS2/fonts/support/green15x15.png Binary files differnew file mode 100644 index 0000000000..51741584a0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/green15x15.png diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/fonts/support/pattern-grg-rgr-grg.png Binary files differnew file mode 100644 index 0000000000..9b88fbd811 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/pattern-grg-rgr-grg.png diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/pattern-grg-rrg-rgg.png b/testing/web-platform/tests/css/CSS2/fonts/support/pattern-grg-rrg-rgg.png Binary files differnew file mode 100644 index 0000000000..fcf4f3fd7d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/pattern-grg-rrg-rgg.png diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/fonts/support/pattern-rgr-grg-rgr.png Binary files differnew file mode 100644 index 0000000000..d454e3a630 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/pattern-rgr-grg-rgr.png diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/pattern-tr.png b/testing/web-platform/tests/css/CSS2/fonts/support/pattern-tr.png Binary files differnew file mode 100644 index 0000000000..8b4b25364e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/pattern-tr.png diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/ring.png b/testing/web-platform/tests/css/CSS2/fonts/support/ring.png Binary files differnew file mode 100644 index 0000000000..061bb94eba --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/ring.png diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/square-purple.png b/testing/web-platform/tests/css/CSS2/fonts/support/square-purple.png Binary files differnew file mode 100644 index 0000000000..0f522d7872 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/square-purple.png diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/square-teal.png b/testing/web-platform/tests/css/CSS2/fonts/support/square-teal.png Binary files differnew file mode 100644 index 0000000000..e567f51b91 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/square-teal.png diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/square-white.png b/testing/web-platform/tests/css/CSS2/fonts/support/square-white.png Binary files differnew file mode 100644 index 0000000000..5853cbb238 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/square-white.png diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/fonts/support/swatch-blue.png Binary files differnew file mode 100644 index 0000000000..bf2759634d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/swatch-blue.png diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/fonts/support/swatch-green.png Binary files differnew file mode 100644 index 0000000000..0aa79b0c86 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/swatch-green.png diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/fonts/support/swatch-lime.png Binary files differnew file mode 100644 index 0000000000..55fd7fdaed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/swatch-lime.png diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/fonts/support/swatch-orange.png Binary files differnew file mode 100644 index 0000000000..d3cd498b52 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/swatch-orange.png diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/fonts/support/swatch-red.png Binary files differnew file mode 100644 index 0000000000..1caf25c992 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/swatch-red.png diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/fonts/support/swatch-white.png Binary files differnew file mode 100644 index 0000000000..1a7d4323d7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/swatch-white.png diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/fonts/support/swatch-yellow.png Binary files differnew file mode 100644 index 0000000000..1591aa0e2e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/swatch-yellow.png diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/test-bl.png b/testing/web-platform/tests/css/CSS2/fonts/support/test-bl.png Binary files differnew file mode 100644 index 0000000000..904e24e996 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/test-bl.png diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/test-br.png b/testing/web-platform/tests/css/CSS2/fonts/support/test-br.png Binary files differnew file mode 100644 index 0000000000..f413ff5c1a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/test-br.png diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/test-outer.png b/testing/web-platform/tests/css/CSS2/fonts/support/test-outer.png Binary files differnew file mode 100644 index 0000000000..82eeace7fc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/test-outer.png diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/test-tl.png b/testing/web-platform/tests/css/CSS2/fonts/support/test-tl.png Binary files differnew file mode 100644 index 0000000000..f6ac0ef7e8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/test-tl.png diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/test-tr.png b/testing/web-platform/tests/css/CSS2/fonts/support/test-tr.png Binary files differnew file mode 100644 index 0000000000..59843ae54b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/fonts/support/test-tr.png |
