spec:css-color-4; type:property; text:color +spec:css22; type:value; for:/; text:block +spec:css-fonts-4; type:descriptor; for:/@font-face; text:font-face-name +spec:css-fonts-4; type:property; for:/; text:font-family +spec:css-fonts-4; type:descriptor; for:/@font-face; text:font-family +spec:css-fonts-4; type:property; for:/; text:font-weight +spec:css-fonts-4; type:descriptor; for:/@font-face; text:font-weight +spec:css-fonts-4; type:property; for:/; text:font-stretch +spec:css-fonts-4; type:descriptor; for:/@font-face; text:font-stretch +spec:css-fonts-4; type:property; for:/; text:font-style +spec:css-fonts-4; type:descriptor; for:/@font-face; text:font-style +spec:css-fonts-3; type:property; for:/; text:font-kerning +spec:css-fonts-3; type:property; for:/; text:font-language-override +spec:css-fonts-3; type:descriptor; for:/@font-face; text:unicode-rangeAdvisement: This document contains ideas and @@ -1061,7 +1075,7 @@ name: -
+
Controlling synthetic faces: the 'font-synthesis' property
@@ -2008,7 +2022,7 @@ if all font style properties were set to their initial value.
Consider a font family with three fonts, named A, B, and C, each with associated supported ranges for the 'font-stretch' descriptor. If an element is styled with "font-stretch: 125", the search algorithm can be visualized as follows:
- 
+
The font stretch ranges supported by fonts A, B, and C are shown in the graph above. As you can see, because font B contains the minimum stretch value across the entire family, font B would be selected by this algorithm. However, if font B were somehow eliminated from the family, font C would then contain the lowest distance in the family, so it would be selected.
@@ -2016,12 +2030,12 @@ if all font style properties were set to their initial value.
Similar to the previous example, here is the conceptual distance graph for an element styled with "font-stretch: 75":
- 
+
As you can see, because font B contains the minimum stretch value across the entire family, font B would be selected by this algorithm. However, if font B were somehow eliminated from the family, font A would then contain the lowest distance in the family, so it would be selected.
- 2. 'font-style' is tried next.
+ 2. 'font-style' is tried next.
If a font does not have any concept of varying strengths of italics or oblique angles, its style
is mapped according to the description in the 'font-style' property definition.
@@ -2041,7 +2055,7 @@ if all font style properties were set to their initial value.
Similar to the previous example, here is the conceptual distance graph for an element styled with "font-style: italic":
- 
+
As you can see, because font D contains the minimum italic value across the entire family, font D would be selected by this algorithm. However, if font D were somehow eliminated from the family, font E would then contain the lowest distance in the family, so it would be selected. If E were eliminated, C would be selected. If C were eliminated, font B would not be chosen immediately; instead, oblique values would be consulted and an oblique value might be chosen. However, if no oblique value is chosen, font B would then be selected, followed by font A.
@@ -2061,7 +2075,7 @@ if all font style properties were set to their initial value.
Similar to the previous example, here is the conceptual distance graph for an element styled with "font-style: oblique 40deg":
- 
+
As you can see, because font D contains the minimum oblique value across the entire family, font D would be selected by this algorithm. However, if font D were somehow eliminated from the family, font E would then contain the lowest distance in the family, so it would be selected. If E were eliminated, C would be selected. If C were eliminated, font B would not be chosen immediately; instead, italic values would be consulted and an italic value might be chosen. However, if no italic value is chosen, font B would then be selected, followed by font A.
@@ -2085,7 +2099,7 @@ if all font style properties were set to their initial value.
Similar to the previous example, here is the conceptual distance graph for an element styled with "font-style: oblique 13deg":
- 
+
As you can see, because font D contains the minimum oblique value across the entire family, font D would be selected by this algorithm. However, if font D were somehow eliminated from the family, font C would then contain the lowest distance in the family, so it would be selected. If C were eliminated, E would be selected. If E were eliminated, font B would not be chosen immediately; instead, italic values would be consulted and an italic value might be chosen. However, if no italic value is chosen, font B would then be selected, followed by font A.
@@ -2103,7 +2117,7 @@ if all font style properties were set to their initial value.
Similar to the previous example, here is the conceptual distance graph for an element styled with "font-style: normal":
- 
+
As you can see, because font C contains the minimum oblique value across the entire family, font C would be selected by this algorithm. However, if font C were somehow eliminated from the family, font B would not be chosen immediately; instead, italic values would be consulted and an italic value might be chosen. However, if no italic value is chosen, font B would then be selected, followed by font A.
@@ -2137,7 +2151,7 @@ if all font style properties were set to their initial value.
Similar to the previous example, here is the conceptual distance graph for an element styled with "font-weight: 400":
- 
+
As you can see, because font B contains the minimum oblique value across the entire family, font B would be selected by this algorithm. However, if font B were somehow eliminated from the family, font D would then contain the lowest distance in the family, so it would be selected. If D were eliminated, A would be selected, followed by fonts C and then E.
@@ -2145,7 +2159,7 @@ if all font style properties were set to their initial value.
Similar to the previous example, here is the conceptual distance graph for an element styled with "font-weight: 500":
- 
+
As you can see, because font D contains the minimum oblique value across the entire family, font D would be selected by this algorithm. However, if font D were somehow eliminated from the family, font B would then contain the lowest distance in the family, so it would be selected. If B were eliminated, C would be selected, followed by fonts A and then E.
@@ -2157,7 +2171,7 @@ if all font style properties were set to their initial value.
Similar to the previous example, here is the conceptual distance graph for an element styled with "font-weight: 300":
- 
+
As you can see, because font B contains the minimum oblique value across the entire family, font B would be selected by this algorithm. However, if font B were somehow eliminated from the family, font A would then contain the lowest distance in the family, so it would be selected. If A were eliminated, C would be selected.
@@ -2243,6 +2257,11 @@ Cluster matching
Issue: Import from level 3
+
+
The font stretch ranges supported by fonts A, B, and C are shown in the graph above. As you can see, because font B contains the minimum stretch value across the entire family, font B would be selected by this algorithm. However, if font B were somehow eliminated from the family, font C would then contain the lowest distance in the family, so it would be selected.
@@ -2016,12 +2030,12 @@ if all font style properties were set to their initial value.
Similar to the previous example, here is the conceptual distance graph for an element styled with "font-stretch: 75":
-
+
As you can see, because font B contains the minimum stretch value across the entire family, font B would be selected by this algorithm. However, if font B were somehow eliminated from the family, font A would then contain the lowest distance in the family, so it would be selected.
- 2. 'font-style' is tried next.
+ 2. 'font-style' is tried next.
If a font does not have any concept of varying strengths of italics or oblique angles, its style
is mapped according to the description in the 'font-style' property definition.
@@ -2041,7 +2055,7 @@ if all font style properties were set to their initial value.
+
As you can see, because font B contains the minimum stretch value across the entire family, font B would be selected by this algorithm. However, if font B were somehow eliminated from the family, font A would then contain the lowest distance in the family, so it would be selected.
Similar to the previous example, here is the conceptual distance graph for an element styled with "font-style: italic":
-
+
As you can see, because font D contains the minimum italic value across the entire family, font D would be selected by this algorithm. However, if font D were somehow eliminated from the family, font E would then contain the lowest distance in the family, so it would be selected. If E were eliminated, C would be selected. If C were eliminated, font B would not be chosen immediately; instead, oblique values would be consulted and an oblique value might be chosen. However, if no oblique value is chosen, font B would then be selected, followed by font A.
@@ -2061,7 +2075,7 @@ if all font style properties were set to their initial value.
+
As you can see, because font D contains the minimum italic value across the entire family, font D would be selected by this algorithm. However, if font D were somehow eliminated from the family, font E would then contain the lowest distance in the family, so it would be selected. If E were eliminated, C would be selected. If C were eliminated, font B would not be chosen immediately; instead, oblique values would be consulted and an oblique value might be chosen. However, if no oblique value is chosen, font B would then be selected, followed by font A.
Similar to the previous example, here is the conceptual distance graph for an element styled with "font-style: oblique 40deg":
-
+
As you can see, because font D contains the minimum oblique value across the entire family, font D would be selected by this algorithm. However, if font D were somehow eliminated from the family, font E would then contain the lowest distance in the family, so it would be selected. If E were eliminated, C would be selected. If C were eliminated, font B would not be chosen immediately; instead, italic values would be consulted and an italic value might be chosen. However, if no italic value is chosen, font B would then be selected, followed by font A.
@@ -2085,7 +2099,7 @@ if all font style properties were set to their initial value.
+
As you can see, because font D contains the minimum oblique value across the entire family, font D would be selected by this algorithm. However, if font D were somehow eliminated from the family, font E would then contain the lowest distance in the family, so it would be selected. If E were eliminated, C would be selected. If C were eliminated, font B would not be chosen immediately; instead, italic values would be consulted and an italic value might be chosen. However, if no italic value is chosen, font B would then be selected, followed by font A.
Similar to the previous example, here is the conceptual distance graph for an element styled with "font-style: oblique 13deg":
-
+
As you can see, because font D contains the minimum oblique value across the entire family, font D would be selected by this algorithm. However, if font D were somehow eliminated from the family, font C would then contain the lowest distance in the family, so it would be selected. If C were eliminated, E would be selected. If E were eliminated, font B would not be chosen immediately; instead, italic values would be consulted and an italic value might be chosen. However, if no italic value is chosen, font B would then be selected, followed by font A.
@@ -2103,7 +2117,7 @@ if all font style properties were set to their initial value.
+
As you can see, because font D contains the minimum oblique value across the entire family, font D would be selected by this algorithm. However, if font D were somehow eliminated from the family, font C would then contain the lowest distance in the family, so it would be selected. If C were eliminated, E would be selected. If E were eliminated, font B would not be chosen immediately; instead, italic values would be consulted and an italic value might be chosen. However, if no italic value is chosen, font B would then be selected, followed by font A.
Similar to the previous example, here is the conceptual distance graph for an element styled with "font-style: normal":
-
+
As you can see, because font C contains the minimum oblique value across the entire family, font C would be selected by this algorithm. However, if font C were somehow eliminated from the family, font B would not be chosen immediately; instead, italic values would be consulted and an italic value might be chosen. However, if no italic value is chosen, font B would then be selected, followed by font A.
@@ -2137,7 +2151,7 @@ if all font style properties were set to their initial value.
+
As you can see, because font C contains the minimum oblique value across the entire family, font C would be selected by this algorithm. However, if font C were somehow eliminated from the family, font B would not be chosen immediately; instead, italic values would be consulted and an italic value might be chosen. However, if no italic value is chosen, font B would then be selected, followed by font A.
Similar to the previous example, here is the conceptual distance graph for an element styled with "font-weight: 400":
-
+
As you can see, because font B contains the minimum oblique value across the entire family, font B would be selected by this algorithm. However, if font B were somehow eliminated from the family, font D would then contain the lowest distance in the family, so it would be selected. If D were eliminated, A would be selected, followed by fonts C and then E.
@@ -2145,7 +2159,7 @@ if all font style properties were set to their initial value.
+
As you can see, because font B contains the minimum oblique value across the entire family, font B would be selected by this algorithm. However, if font B were somehow eliminated from the family, font D would then contain the lowest distance in the family, so it would be selected. If D were eliminated, A would be selected, followed by fonts C and then E.
Similar to the previous example, here is the conceptual distance graph for an element styled with "font-weight: 500":
-
+
As you can see, because font D contains the minimum oblique value across the entire family, font D would be selected by this algorithm. However, if font D were somehow eliminated from the family, font B would then contain the lowest distance in the family, so it would be selected. If B were eliminated, C would be selected, followed by fonts A and then E.
@@ -2157,7 +2171,7 @@ if all font style properties were set to their initial value.
+
As you can see, because font D contains the minimum oblique value across the entire family, font D would be selected by this algorithm. However, if font D were somehow eliminated from the family, font B would then contain the lowest distance in the family, so it would be selected. If B were eliminated, C would be selected, followed by fonts A and then E.
Similar to the previous example, here is the conceptual distance graph for an element styled with "font-weight: 300":
-
+
As you can see, because font B contains the minimum oblique value across the entire family, font B would be selected by this algorithm. However, if font B were somehow eliminated from the family, font A would then contain the lowest distance in the family, so it would be selected. If A were eliminated, C would be selected.
@@ -2243,6 +2257,11 @@ Cluster matching
+
As you can see, because font B contains the minimum oblique value across the entire family, font B would be selected by this algorithm. However, if font B were somehow eliminated from the family, font A would then contain the lowest distance in the family, so it would be selected. If A were eliminated, C would be selected.
+Font Feature Properties
+ +Issue: Import from level 3 +
Font Feature and Variation Resolution
@@ -2767,7 +2786,7 @@ or implement the ability to disable color fonts,
''@font-palette-values'' rules must simply be ignored;
the behavior of individual descriptors as defined in this specification should not be altered.
-
+
Font family: the 'font-family' descriptor
@@ -2931,7 +2950,7 @@ the variation selector is ignored.
User Agents can choose to draw a Presentation Participating Code Point
in either emoji style or text style.
User Agents may wish to follow
- the guidance of the Unicode Consortium
+ the guidance of the Unicode Consortium
when performing this decision.
User agents also may wish to follow platform conventions when performing this decision.
Font family: the 'font-family' descriptor
@@ -2931,7 +2950,7 @@ the variation selector is ignored. User Agents can choose to draw a Presentation Participating Code Point in either emoji style or text style. User Agents may wish to follow - the guidance of the Unicode Consortium + the guidance of the Unicode Consortium when performing this decision. User agents also may wish to follow platform conventions when performing this decision.