servo/tests/wpt/css-tests/css-fonts-3_dev/xhtml1print/chapter-5.xht

282 lines
No EOL
11 KiB
HTML

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