[css3-fonts] add animatable attribute to font properties

Author: John Daggett

css3-fonts/Overview.html

@@ -645,6 +645,11 @@ <h3 id=font-family-prop><span class=secno>3.1 </span>Font family: the <a
      <td>Computed value:
 
      <td>as specified
+
+    <tr>
+     <td>Animatable:
+
+     <td>no
   </table>
 
   <p>This property specifies a prioritized list of font family names or
@@ -916,6 +921,13 @@ <h3 id=font-weight-prop><span class=secno>3.2 </span>Font weight: the <a
      <td>Computed value:
 
      <td>see description
+
+    <tr>
+     <td>Animatable:
+
+     <td>as <a
+      href="http://dev.w3.org/csswg/css3-transitions/#animtype-font-weight">font
+      weight</a>
   </table>
 
   <p>The <a class=noxref href="#font-weight-prop"><span
@@ -1140,6 +1152,11 @@ <h3 id=font-stretch-prop><span class=secno>3.3 </span>Font width: the <a
      <td>Computed value:
 
      <td>as specified
+
+    <tr>
+     <td>Animatable:
+
+     <td>as <a href="#font-stretch-animation">font stretch</a>
   </table>
 
   <p>The <a class=noxref href="#font-stretch-prop"><span
@@ -1182,6 +1199,12 @@ <h3 id=font-stretch-prop><span class=secno>3.3 </span>Font width: the <a
    <p class=caption>Width mappings for a font family with condensed, normal
     and expanded width faces
   </div>
+
+  <p id=font-stretch-animation>Animation of font stretch: Font stretch is
+   interpolated in discrete steps. The interpolation happens as though the
+   ordered values are equally spaced real numbers. The interpolation result
+   is rounded to the nearest value, with values exactly halfway between two
+   values rounded towards the later value in the list above.</p>
   <!-- prop: font-style -->
 
   <h3 id=font-style-prop><span class=secno>3.4 </span>Font style: the <a
@@ -1228,6 +1251,11 @@ <h3 id=font-style-prop><span class=secno>3.4 </span>Font style: the <a
      <td>Computed value:
 
      <td>as specified
+
+    <tr>
+     <td>Animatable:
+
+     <td>no
   </table>
 
   <p>The <a class=noxref href="#font-style-prop"><span
@@ -1314,6 +1342,12 @@ <h3 id=font-size-prop><span class=secno>3.5 </span>Font size: the <a
      <td>Computed value:
 
      <td>absolute length
+
+    <tr>
+     <td>Animatable:
+
+     <td>as <a
+      href="http://dev.w3.org/csswg/css3-transitions/#animtype-length">length</a>
   </table>
 
   <p>This property indicates the desired height of glyphs from the font. For
@@ -1535,6 +1569,12 @@ <h3 id=font-size-adjust-prop><span class=secno>3.6 </span>Relative sizing:
      <td>Computed value:
 
      <td>as specified
+
+    <tr>
+     <td>Animatable:
+
+     <td>as <a
+      href="http://dev.w3.org/csswg/css3-transitions/#animtype-number">number</a>
   </table>
 
   <p>For any given font size, the apparent size and legibility of text varies
@@ -1726,6 +1766,11 @@ <h3 id=font-prop><span class=secno>3.7 </span>Shorthand font property: the
     <tr>
      <td>Computed value:
 
+     <td>see individual properties
+
+    <tr>
+     <td>Animatable:
+
      <td>see individual properties
   </table>
 
@@ -1993,6 +2038,11 @@ <h3 id=font-synthesis-prop><span class=secno>3.8 </span>Controlling
      <td>Computed value:
 
      <td>as specified
+
+    <tr>
+     <td>Animatable:
+
+     <td>no
   </table>
 
   <p>This property controls whether user agents are allowed to synthesize
@@ -2262,7 +2312,8 @@ <h3 id=src-desc><span class=secno>4.3 </span>Font reference: the <a
    format hints "truetype" and "opentype" must be considered as synonymous; a
    format hint of "opentype" does not imply that the font contains Postscript
    CFF style glyph data or that it contains OpenType layout information (see
-   Appendix A for more background on this).
+   <a href="#platform-props-to-css">Appendix A</a> for more background on
+   this).
 
   <p>When authors would prefer to use a locally available copy of a given
    font and download it if it's not, local() can be used. The locally
@@ -2910,13 +2961,13 @@ <h3 id=font-family-casing><span class=secno>5.1 </span>Case sensitivity of
   <p class=note> For authors this means that font family names are matched
    case insensitively, whether or not those names exist in a platform font or
    in the <code>@font-face</code> rules contained in a stylesheet. Authors
-   should take care to normalize the names they use when using combining
-   diacritics, since names containing combining diacritics won't match
-   equivalent names that use precomposed characters. For example, a family
-   name that contains an uppercase A (U+0041) followed by a combining ring
-   (U+030A) will <strong>not</strong> match a name that is identical except
-   that it uses the precomposed lowercase a-ring character (U+00E5) instead
-   of the combining sequence.
+   should take care to ensure that names use a character sequence consistent
+   with the actual font family name, particularly when using combining
+   characters such as diacritical marks. For example, a family name that
+   contains an uppercase A (U+0041) followed by a combining ring (U+030A)
+   will <strong>not</strong> match a name that looks identical but which uses
+   the precomposed lowercase a-ring character (U+00E5) instead of the
+   combining sequence.
 
   <h3 id=font-style-matching><span class=secno>5.2 </span>Matching font
    styles</h3>
@@ -3353,6 +3404,11 @@ <h3 id=font-kerning-prop><span class=secno>6.3 </span>Kerning: the <a
      <td>Computed value:
 
      <td>as specified
+
+    <tr>
+     <td>Animatable:
+
+     <td>no
   </table>
 
   <p>Kerning is the contextual adjustment of inter-glyph spacing. This
@@ -3428,6 +3484,11 @@ <h3 id=font-variant-ligatures-prop><span class=secno>6.4 </span>Ligatures:
      <td>Computed value:
 
      <td>as specified
+
+    <tr>
+     <td>Animatable:
+
+     <td>no
   </table>
 
   <p>Ligatures and contextual forms are ways of combining glyphs to produce
@@ -3571,6 +3632,11 @@ <h3 id=font-variant-position-prop><span class=secno>6.5 </span>Subscript
      <td>Computed value:
 
      <td>as specified
+
+    <tr>
+     <td>Animatable:
+
+     <td>no
   </table>
 
   <p>This property is used to enable typographic subscript and superscript
@@ -3732,6 +3798,11 @@ <h3 id=font-variant-caps-prop><span class=secno>6.6 </span>Capitalization:
      <td>Computed value:
 
      <td>as specified
+
+    <tr>
+     <td>Animatable:
+
+     <td>no
   </table>
 
   <p>Specifies control over capitalized forms.
@@ -3920,6 +3991,11 @@ <h3 id=font-variant-numeric-prop><span class=secno>6.7 </span>Numerical
      <td>Computed value:
 
      <td>as specified
+
+    <tr>
+     <td>Animatable:
+
+     <td>no
   </table>
 
   <p>Specifies control over numerical forms.
@@ -4078,6 +4154,11 @@ <h3 id=font-variant-alternates-prop><span class=secno>6.8 </span>Alternates
      <td>Computed value:
 
      <td>as specified
+
+    <tr>
+     <td>Animatable:
+
+     <td>no
   </table>
 
   <p>For any given character, fonts can provide a variety of alternate glyphs
@@ -4486,6 +4567,11 @@ <h3 id=font-variant-east-asian-prop><span class=secno>6.10 </span>East
      <td>Computed value:
 
      <td>as specified
+
+    <tr>
+     <td>Animatable:
+
+     <td>no
   </table>
 
   <p>Allows control of glyph substitution and sizing in East Asian text.
@@ -4627,7 +4713,7 @@ <h3 id=font-variant-prop><span class=secno>6.11 </span>Overall shorthand
     <tr>
      <td>Percentages:
 
-     <td>N/A
+     <td>see individual properties
 
     <tr>
      <td>Media:
@@ -4637,7 +4723,12 @@ <h3 id=font-variant-prop><span class=secno>6.11 </span>Overall shorthand
     <tr>
      <td>Computed value:
 
-     <td>as specified
+     <td>see individual properties
+
+    <tr>
+     <td>Animatable:
+
+     <td>see individual properties
   </table>
 
   <p>The value ‘<a href="#normal2"><code
@@ -4701,6 +4792,11 @@ <h3 id=font-feature-settings-prop><span class=secno>6.12 </span>Low-level
      <td>Computed value:
 
      <td>as specified
+
+    <tr>
+     <td>Animatable:
+
+     <td>no
   </table>
 
   <p>This property provides low-level control over OpenType font features. It
@@ -4831,6 +4927,11 @@ <h3 id=font-language-override-prop><span class=secno>6.13 </span>Font
      <td>Computed value:
 
      <td>as specified
+
+    <tr>
+     <td>Animatable:
+
+     <td>no
   </table>
 
   <p>The value of ‘<a href="#normal2"><code
@@ -6603,7 +6704,7 @@ <h2 class=no-num id=property-index>Property index</h2>
 
      <td>yes
 
-     <td>N/A
+     <td>see individual properties
 
      <td>visual