mirror of
https://github.com/servo/servo.git
synced 2025-06-23 08:34:42 +01:00
282 lines
No EOL
11 KiB
HTML
282 lines
No EOL
11 KiB
HTML
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
|
<html>
|
|
<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 id="refs-column">
|
|
<col id="flags-column">
|
|
<col id="info-column">
|
|
<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.htm">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.htm">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.htm">font-matching-rule-009</a></td>
|
|
<td><a href="reference/font-weight-normal-ref.htm">=</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.htm">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.htm">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.htm">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.htm">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.htm">fonts-010</a></td>
|
|
<td><a href="reference/fonts-010-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>font inheritance into <pre> elements
|
|
</td>
|
|
</tr>
|
|
<tr id="fonts-011-5" class="ahem">
|
|
<td>
|
|
<a href="fonts-011.htm">fonts-011</a></td>
|
|
<td><a href="reference/fonts-011-ref.htm">=</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.htm">fonts-012</a></td>
|
|
<td><a href="reference/fonts-012-ref.htm">=</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.htm">fonts-013</a></td>
|
|
<td><a href="reference/fonts-013-ref.htm">=</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.htm">fonts-014</a></td>
|
|
<td><a href="reference/fonts-013-ref.htm">=</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.htm">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.htm">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.htm">font-matching-rule-009</a></td>
|
|
<td><a href="reference/font-weight-normal-ref.htm">=</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.htm">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.htm">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.htm">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> |