@@ -1912,8 +1912,8 @@ <h3 id=font-prop><span class=secno>3.7 </span>Shorthand font property: the
19121912 class =property > font-variant</ code > ’</ a > and < a
19131913 href ="#propdef-font-weight " title ="font-weight!!property "> ‘< code
19141914 class =property > font-weight</ code > ’</ a > explicitly, so these properties
1915- receive their initial values (‘ < a href =" # normal" > < code
1916- class =property > normal</ code > </ a > ’ ). Notice that the font family name
1915+ receive their initial values (< span title =" normal value " > ‘ < code
1916+ class =property > normal</ code > ’ </ span > ). Notice that the font family name
19171917 "new century schoolbook", which contains spaces, is enclosed in quotes.
19181918 The fourth rule sets the < a href ="#propdef-font-weight "
19191919 title ="font-weight!!property "> ‘< code
@@ -1923,8 +1923,9 @@ <h3 id=font-prop><span class=secno>3.7 </span>Shorthand font property: the
19231923 class =property > font-style</ code > ’</ a > to ‘< a href ="#italic "> < code
19241924 class =property > italic</ code > </ a > ’, and implicitly sets < a
19251925 href ="#propdef-font-variant " title ="font-variant!!property "> ‘< code
1926- class =property > font-variant</ code > ’</ a > to ‘< a href ="#normal "> < code
1927- class =property > normal</ code > </ a > ’.
1926+ class =property > font-variant</ code > ’</ a > to < a
1927+ href ="#font-variant-normal-value " title ="normal!!font-variant "> ‘< code
1928+ class =property > normal</ code > ’</ a > .
19281929
19291930 < p > The fifth rule sets the < a href ="#propdef-font-variant "
19301931 title ="font-variant!!property "> ‘< code
@@ -1937,9 +1938,9 @@ <h3 id=font-prop><span class=secno>3.7 </span>Shorthand font property: the
19371938 class =property > line-height</ code > ’</ a > (120% of the font size) and the
19381939 < a href ="#propdef-font-family " title ="font-family!!property "> ‘< code
19391940 class =property > font-family</ code > ’</ a > (‘< a href ="#fantasy "> < code
1940- class =property > fantasy</ code > </ a > ’). It follows that the keyword ‘ < a
1941- href =" # normal" > < code class =property > normal</ code > </ a > ’ applies to the
1942- two remaining properties: < a href ="#propdef-font-style "
1941+ class =property > fantasy</ code > </ a > ’). It follows that the keyword < span
1942+ title =" normal value " > ‘ < code class =property > normal</ code > ’ </ span >
1943+ applies to the two remaining properties: < a href ="#propdef-font-style "
19431944 title ="font-style!!property "> ‘< code
19441945 class =property > font-style</ code > ’</ a > and < a
19451946 href ="#propdef-font-weight " title ="font-weight!!property "> ‘< code
@@ -3176,8 +3177,9 @@ <h3 id=font-style-matching><span class=secno>5.2 </span>Matching font
31763177 exactly matches the width value the nearest width is used instead. If
31773178 the value of < a href ="#propdef-font-stretch "
31783179 title ="font-stretch!!property "> ‘< code
3179- class =property > font-stretch</ code > ’</ a > is ‘< a href ="#normal "> < code
3180- class =property > normal</ code > </ a > ’ or one of the condensed values,
3180+ class =property > font-stretch</ code > ’</ a > is < a
3181+ href ="#font-stretch-normal-value " title ="normal!!font-stretch "> ‘< code
3182+ class =property > normal</ code > ’</ a > or one of the condensed values,
31813183 narrower width values are checked first, then wider values. If the
31823184 value of < a href ="#propdef-font-stretch "
31833185 title ="font-stretch!!property "> ‘< code
@@ -3194,8 +3196,9 @@ <h3 id=font-style-matching><span class=secno>5.2 </span>Matching font
31943196 then oblique, then normal faces. If the value is ‘< a
31953197 href ="#oblique "> < code class =property > oblique</ code > </ a > ’, oblique
31963198 faces are checked first, then italic faces and then normal faces. If
3197- the value is ‘< a href ="#normal "> < code
3198- class =property > normal</ code > </ a > ’, normal faces are checked first,
3199+ the value is < a href ="#font-style-normal-value "
3200+ title ="normal!!font-style "> ‘< code
3201+ class =property > normal</ code > ’</ a > , normal faces are checked first,
31993202 then oblique faces, then italic faces. Faces with other style values
32003203 are excluded from the matching set. User agents are permitted to
32013204 distinguish between italic and oblique faces within platform font
@@ -3611,8 +3614,9 @@ <h3 id=font-kerning-prop><span class=secno>6.3 </span>Kerning: the <a
36113614 < p > When set to ‘< code class =property > auto</ code > ’, user agents can
36123615 determine whether to apply kerning or not based on a number of factors:
36133616 text size, script, or other factors that influence text processing speed.
3614- Authors who want proper kerning should use ‘< a href ="#normal "> < code
3615- class =property > normal</ code > </ a > ’ to explicitly enable kerning.
3617+ Authors who want proper kerning should use < a
3618+ href ="#font-kerning-normal-value " title ="normal!!font-kerning "> ‘< code
3619+ class =property > normal</ code > ’</ a > to explicitly enable kerning.
36163620 Likewise, some authors may prefer to disable kerning in situations where
36173621 performance is more important than precise appearance. However, in
36183622 well-designed modern implementations the use of kerning generally does not
@@ -3703,8 +3707,9 @@ <h3 id=font-variant-ligatures-prop><span class=secno>6.4 </span>Ligatures:
37033707 < dt > < dfn id =font-variant-ligatures-normal-value
37043708 title ="normal!!font-variant-ligatures "> normal</ dfn >
37053709
3706- < dd > A value of ‘< a href ="#normal "> < code
3707- class =property > normal</ code > </ a > ’ specifies that common default
3710+ < dd > A value of < a href ="#font-variant-ligatures-normal-value "
3711+ title ="normal!!font-variant-ligatures "> ‘< code
3712+ class =property > normal</ code > ’</ a > specifies that common default
37083713 features are enabled, < a href ="#font-feature-resolution "> as described in
37093714 detail in the next section</ a > . For OpenType fonts, common ligatures and
37103715 contextual forms are on by default, discretionary and historical
@@ -3801,7 +3806,8 @@ <h3 id=font-variant-position-prop><span class=secno>6.5 </span>Subscript
38013806 < tr >
38023807 < td > Value:
38033808
3804- < td > < span title ="normal!!font-variant-position "> normal</ span > | < a
3809+ < td > < a href ="#font-variant-position-normal-value "
3810+ title ="normal!!font-variant-position "> normal</ a > | < a
38053811 href ="#sub "> sub</ a > | < a href ="#super "> super</ a >
38063812
38073813 < tr >
@@ -3856,7 +3862,8 @@ <h3 id=font-variant-position-prop><span class=secno>6.5 </span>Subscript
38563862 < p > Individual values have the following meanings:
38573863
38583864 < dl >
3859- < dt > < dfn id =normal > normal</ dfn >
3865+ < dt > < dfn id =font-variant-position-normal-value
3866+ title ="normal!!font-variant-position "> normal</ dfn >
38603867
38613868 < dd > None of the features listed below are enabled.
38623869
@@ -3894,10 +3901,11 @@ <h3 id=font-variant-position-prop><span class=secno>6.5 </span>Subscript
38943901 </ div >
38953902
38963903 < p > In the past, user agents have used font-size and vertical-align to
3897- simulate subscripts and superscripts for the < a class =tag
3898- href ="#sub "> sub</ a > and < span class =tag > sup</ span > elements. To allow a
3899- backwards compatible way of defining subscripts and superscripts, it is
3900- recommended that authors use conditional rules < a href ="#CSS3-CONDITIONAL "
3904+ simulate subscripts and superscripts for the < code title ="HTML sub
3905+ element "> sub</ code > and < code title ="HTML sup element "> sup</ code >
3906+ elements. To allow a backwards compatible way of defining subscripts and
3907+ superscripts, it is recommended that authors use conditional rules < a
3908+ href ="#CSS3-CONDITIONAL "
39013909 rel =biblioentry > [CSS3-CONDITIONAL]<!--{{CSS3-CONDITIONAL}}--> </ a > so that
39023910 older user agents will still render subscripts and superscripts via the
39033911 older mechanism.
@@ -3917,10 +3925,10 @@ <h3 id=font-variant-position-prop><span class=secno>6.5 </span>Subscript
39173925 superscript glyph. Images contained within text runs where the value of
39183926 this property is ‘< a href ="#sub "> < code class =property > sub</ code > </ a > ’
39193927 or ‘< a href ="#super "> < code class =property > super</ code > </ a > ’ will be
3920- drawn just as they would if the value was ‘ < a href =" #normal " > < code
3921- class = property > normal </ code > </ a > ’. The variant glyphs are laid out just
3922- as default glyphs are. There is no shift in the placement along the
3923- baseline, so the use of these glyphs doesn't affect the linebox height .</ p >
3928+ drawn just as they would if the value was < a
3929+ href =" #font- variant-position-normal-value "
3930+ title =" normal!!font-variant-position " > ‘ < code
3931+ class = property > normal </ code > ’ </ a > .</ p >
39243932 <!-- due to lack of consensus, couldn't resolve on exact positioning of text decorations:
39253933http://www.w3.org/2013/06/06-css-minutes.html#item03 -->
39263934
@@ -3931,6 +3939,13 @@ <h3 id=font-variant-position-prop><span class=secno>6.5 </span>Subscript
39313939 subscripts or superscripts will only contain the narrow range of
39323940 characters supported by the fonts specified.
39333941
3942+ < p class =note > The variant glyphs use the same baseline as the default
3943+ glyphs would use. There is no shift in the placement along the baseline,
3944+ so the use of variant glyphs doesn't affect the height of the inline box
3945+ or alter the height of the linebox. This makes superscript and subscript
3946+ variants ideal for situations where it's important that leading remain
3947+ constant, such as in multi-column layout.
3948+
39343949 < div class =example >
39353950 < p > A typical user agent default style for the < a class =tag
39363951 href ="#sub "> sub</ a > element:</ p >
@@ -5367,7 +5382,7 @@ <h3 id=font-language-override-prop><span class=secno>6.13 </span>Font
53675382 < dt > < dfn
53685383 id =font-language-override-string-value > < var > <string></ var > </ dfn >
53695384
5370- < dd > single three-letter OpenType < a
5385+ < dd > single three-letter case-sensitive OpenType < a
53715386 href ="http://www.microsoft.com/typography/otspec/languagetags.htm "> language
53725387 system tag</ a > , specifies the OpenType language system to be used instead
53735388 of the language system implied by the language of the element
@@ -5445,10 +5460,10 @@ <h3 id=default-features><span class=secno>7.1 </span>Default features</h3>
54455460 class =property > font-variant</ code > ’</ a > and < a
54465461 href ="#propdef-font-feature-settings "
54475462 title ="font-feature-settings!!property "> ‘< code
5448- class =property > font-feature-settings</ code > ’</ a > properties is ‘ < a
5449- href =" # normal" > < code class =property > normal</ code > </ a > ’. Individual
5450- features are only disabled when explicitly overridden by the author, as
5451- when ‘< a href ="#propdef-font-variant-ligatures "> < code
5463+ class =property > font-feature-settings</ code > ’</ a > properties is < span
5464+ title =" normal value " > ‘ < code class =property > normal</ code > ’ </ span > .
5465+ Individual features are only disabled when explicitly overridden by the
5466+ author, as when ‘< a href ="#propdef-font-variant-ligatures "> < code
54525467 class =property > font-variant-ligatures</ code > </ a > ’ is set to ‘< a
54535468 href ="#no-common-ligatures "> < code
54545469 class =property > no-common-ligatures</ code > </ a > ’. For handling complex
@@ -6550,7 +6565,7 @@ <h2 class=no-num id=index>Index</h2>
65506565 title ="none, font-variant-ligatures "> < strong > 6.4</ strong > </ a >
65516566 </ ul >
65526567
6553- < li > normal, < a href =" #normal " title = normal > < strong > 6.5 </ strong > </ a >
6568+ < li > normal
65546569 < ul >
65556570 < li > font-feature-settings, < a href ="#font-feature-settings-normal-value "
65566571 title ="normal, font-feature-settings "> < strong > 6.12</ strong > </ a >
@@ -6589,6 +6604,9 @@ <h2 class=no-num id=index>Index</h2>
65896604 < li > font-variant-numeric, < a href ="#font-variant-numeric-normal-value "
65906605 title ="normal, font-variant-numeric "> < strong > 6.7</ strong > </ a >
65916606
6607+ < li > font-variant-position, < a href ="#font-variant-position-normal-value "
6608+ title ="normal, font-variant-position "> < strong > 6.5</ strong > </ a >
6609+
65926610 < li > font-weight, < a href ="#font-weight-normal-value " title ="normal,
65936611 font-weight "> < strong > 3.2</ strong > </ a >
65946612 </ ul >
0 commit comments