Mercurial > drafts / changeset

     1.1 --- a/css-fonts/Fonts.html	Fri Aug 30 11:18:37 2013 +0900
     1.2 +++ b/css-fonts/Fonts.html	Fri Aug 30 13:11:26 2013 +0900
     1.3 @@ -4387,11 +4387,6 @@
     1.4  
     1.5    <div class=featex><img alt="ordinals example" src=ordinals.png></div>
     1.6  
     1.7 -  <p class=note>Although ordinal forms are often the same as superscript
     1.8 -   forms, they can be different depending upon the typographic traditions
     1.9 -   used in a given language. In Italian for example, ordinal forms sometimes
    1.10 -   include an underline in the glyph design.
    1.11 -
    1.12    <dl>
    1.13     <dt><dfn id=slashed-zero>slashed-zero</dfn>
    1.14  
    1.15 @@ -4401,6 +4396,34 @@
    1.16  
    1.17    <div class=featex><img alt="slashed zero example" src=zero.png></div>
    1.18  
    1.19 +  <div class=example>
    1.20 +   <p>In the case of ‘<a href="#ordinal"><code
    1.21 +    class=property>ordinal</code></a>’, although ordinal forms are often
    1.22 +    the same as superscript forms, they are marked up differently.</p>
    1.23 +
    1.24 +   <p>For superscripts, the variant property is only applied to the
    1.25 +    sub-element containing the superscript:</p>
    1.26 +
    1.27 +   <pre>
    1.28 +sup { font-variant-position: super; }
    1.29 +x&lt;sup&gt;2&lt;/sup&gt;
    1.30 +</pre>
    1.31 +
    1.32 +   <p>For ordinals, the variant property is applied to the entire ordinal
    1.33 +    number:</p>
    1.34 +
    1.35 +   <pre>
    1.36 +.ordinal { font-variant-numeric: ordinal; }
    1.37 +&lt;span class="ordinal"&gt;17th&lt;/span&gt;
    1.38 +</pre>
    1.39 +
    1.40 +   <p>In this case only the "th" will appear in ordinal form, the digits will
    1.41 +    remain unchanged. Depending upon the typographic traditions used in a
    1.42 +    given language, ordinal forms may differ from superscript forms. In
    1.43 +    Italian, for example, ordinal forms sometimes include an underline in the
    1.44 +    design of ordinals.</p>
    1.45 +  </div>
    1.46 +
    1.47    <div class=example id=steak-marinade>
    1.48     <p>A simple flank steak marinade recipe, rendered with automatic fractions
    1.49      and old-style numerals:</p>
    1.50 @@ -5955,6 +5978,8 @@
    1.51     <li>allow user agents to synthesize OpenType <span class=tag>kern</span>
    1.52      feature
    1.53  
    1.54 +   <li>add example of ordinals and associated markup
    1.55 +
    1.56     <li>minor editorial cleanups
    1.57    </ul>
    1.58