From 8d5f5e2f21ef13b8684a5c1337cc598401f2e170 Mon Sep 17 00:00:00 2001 From: David Grogan Date: Sun, 2 Nov 2025 11:21:11 -0600 Subject: [PATCH 1/7] no bs edits --- css-fonts-5/Overview.bs | 57 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 57 insertions(+) diff --git a/css-fonts-5/Overview.bs b/css-fonts-5/Overview.bs index 026a8b54dea..c4dcafdd6d5 100644 --- a/css-fonts-5/Overview.bs +++ b/css-fonts-5/Overview.bs @@ -59,7 +59,64 @@ rules defined in CSS Fonts Level 4. This specification is currently a delta to the CSS Fonts Level 4 specification. Do not assume that if something is not here, it has been dropped. +

+Text-Scale <meta> element

+A document with a <meta> tag whose name attribute +is a ASCII case-insensitive match for +"text-scale" is recognized as setting the +initial font size of the document. The value of the content +attribute must be an ASCII case-insensitive match for one of the +recognized keywords. + +Documents without this <meta> tag will have an assumed default +value of legacy. + +

+Keywords

+ +The recognized keywords in the [=text-scale=] +<meta> element are: + + + +

The 'legacy' keyword

+ +The legacy property is +recognized in the [=text-scale=] content attribute value. + +When the value of the [=text-scale=] content attribute is +legacy the user agent should set the initial font size +to 16px multiplied by the font scale factor the user has chosen from any settings provided by the user agent. The ''preferred-text-scale'' value must be 1 on desktop platforms. On mobile: + + +Note: As of this writing, all combinations of Android, iOS, Gecko, WebKit, Blink qualify for the first bullet point above. + +

The 'scale' keyword

+ +The scale property is +recognized in the [=text-scale=] content attribute value. + +When the value of the [=text-scale=] content attribute is +scale the user agent may determine the initial font size +based on a combination of the operating system's text scale setting and the user agent's text scale setting. The +''env()/preferred-text-scale'' value must be a number that, when multiplied by +16px, provides a <> that matches that of the initial font size. + +Further, when the value of the [=text-scale=] content attribute is +scale, the user agent should skip all font-sizing interventions it would otherwise perform in an attempt to automatically honor the user's preferences. E.g. text autosizing on mobile (See [[css-size-adjust#intro]]) and full-page zoom (popular browsers do this on Windows). + +See the +preferred text scale explainer for more details. + +Note: It is expected that authors will use +''<meta name="text-scale" content="scale">'' in stylesheets so that the initial font size will reflect an amalgam of the user's font preferences, whether those are specified at the OS level or the UA level. The author will then be able to use ''rem'' throughout the page to honor the user's font preferences.

Value Definitions

From 18f2f8b4e615eceb7d9bfaebad236158ddeebbbe Mon Sep 17 00:00:00 2001 From: David Grogan Date: Tue, 4 Nov 2025 14:59:06 -0800 Subject: [PATCH 2/7] Small revisions --- css-fonts-5/Overview.bs | 15 +++++++-------- 1 file changed, 7 insertions(+), 8 deletions(-) diff --git a/css-fonts-5/Overview.bs b/css-fonts-5/Overview.bs index c4dcafdd6d5..3ed32ea5eeb 100644 --- a/css-fonts-5/Overview.bs +++ b/css-fonts-5/Overview.bs @@ -92,12 +92,14 @@ When the value of the [=text-scale=] content attribute is legacy the user agent should set the initial font size to 16px multiplied by the font scale factor the user has chosen from any settings provided by the user agent. The ''preferred-text-scale'' value must be 1 on desktop platforms. On mobile:
    -
  • if the operating system provides a text scale setting AND the UA hasn't already applied that factor to the initial font size, ''env()/preferred-text-scale'' returns the mulitplier that the user has chosen in the operating system's text scale setting.
    • +
  • if the operating system provides a text scale setting AND the UA hasn't already applied that factor to the initial font size, ''env()/preferred-text-scale'' returns the mulitplier that the user has chosen in the operating system's text scale setting. + + Note: As of this writing, all combinations of Android, iOS, Gecko, WebKit, Blink satisfy this first condition. + +
  • Otherwise ''env()/preferred-text-scale'' returns 1.
-Note: As of this writing, all combinations of Android, iOS, Gecko, WebKit, Blink qualify for the first bullet point above. -

The 'scale' keyword

The scale property is @@ -110,13 +112,10 @@ based on a combination of the operating system's text scale setting and the user 16px, provides a <> that matches that of the initial font size. Further, when the value of the [=text-scale=] content attribute is -scale, the user agent should skip all font-sizing interventions it would otherwise perform in an attempt to automatically honor the user's preferences. E.g. text autosizing on mobile (See [[css-size-adjust#intro]]) and full-page zoom (popular browsers do this on Windows). - -See the -preferred text scale explainer for more details. +scale, the user agent should skip all font-sizing interventions it would otherwise perform in an attempt to automatically honor the user's preferences. E.g. text autosizing on mobile (See [[css-size-adjust#intro]]) and full-application zoom (popular browsers do this on Windows). Note: It is expected that authors will use -''<meta name="text-scale" content="scale">'' in stylesheets so that the initial font size will reflect an amalgam of the user's font preferences, whether those are specified at the OS level or the UA level. The author will then be able to use ''rem'' throughout the page to honor the user's font preferences. +''<meta name="text-scale" content="scale">'' in stylesheets so that the initial font size will reflect a combination of the user's font preferences, whether those are specified at the OS level or the UA level. The author will then be able to use ''rem'' throughout the page to honor the user's font preferences.

Value Definitions

From b729d74a5fdb81c36ac3a0effeead22e6d37fdcb Mon Sep 17 00:00:00 2001 From: David Grogan Date: Wed, 5 Nov 2025 15:06:53 -0800 Subject: [PATCH 3/7] after review round 1 --- css-fonts-5/Overview.bs | 54 ++++++++++++++++++++++++++--------------- 1 file changed, 35 insertions(+), 19 deletions(-) diff --git a/css-fonts-5/Overview.bs b/css-fonts-5/Overview.bs index 3ed32ea5eeb..4536cde63a3 100644 --- a/css-fonts-5/Overview.bs +++ b/css-fonts-5/Overview.bs @@ -25,6 +25,7 @@ spec:css-color-4; type:property; text:color spec:css-values; type:value; text:ex spec:css22; type:value; for:/; text:block spec:html; type:element; text:font +spec:html; type:element; text:meta spec:css-fonts-4; type:property; text:font-size spec:css-fonts-4; type:descriptor; text:font-language-override spec:css-fonts-4; type:property; text:font-family @@ -62,12 +63,17 @@ Do not assume that if something is not here, it has been dropped.

Text-Scale <meta> element

-A document with a <meta> tag whose name attribute +A document with a <{meta}> tag +whose name attribute is a ASCII case-insensitive match for -"text-scale" is recognized as setting the -initial font size of the document. The value of the content +"text-scale" +is recognized as setting the computed value +of the ''font-size/medium'' font size +and consequently scaling the computed size of the other <> keywords. + +The value of the content attribute must be an ASCII case-insensitive match for one of the -recognized keywords. +recognized keywords. Otherwise the tag is ignored. Documents without this <meta> tag will have an assumed default value of legacy. @@ -76,21 +82,29 @@ value of legacy. Keywords The recognized keywords in the [=text-scale=] -<meta> element are: - -
    -
  • legacy
    • -
  • scale
    • -
+<{meta}> element are: + +
+
legacy
+
''env()/preferred-text-scale'' returns the user's OS-level font factor on mobile, + but 1 on desktop. + The document's initial font size only incorporates UA-level font preferences. + OS-level font preferences are ignored.
+
scale
+
''env()/preferred-text-scale'' returns the user's OS-level font preferences. + The document's initial font size incorporates both UA-level and OS-level font preferences.
+

The 'legacy' keyword

-The legacy property is -recognized in the [=text-scale=] content attribute value. - When the value of the [=text-scale=] content attribute is -legacy the user agent should set the initial font size -to 16px multiplied by the font scale factor the user has chosen from any settings provided by the user agent. The ''preferred-text-scale'' value must be 1 on desktop platforms. On mobile: +[=text-scale/legacy=] +the user agent must set the computed ''font-size/medium'' font size +to 16px multiplied by +the font scale factor +the user has chosen from any settings provided by the user agent. +The ''preferred-text-scale'' value must be 1 on desktop platforms. +On mobile:
  • if the operating system provides a text scale setting AND the UA hasn't already applied that factor to the initial font size, ''env()/preferred-text-scale'' returns the mulitplier that the user has chosen in the operating system's text scale setting. @@ -106,10 +120,12 @@ The scale property is recognized in the [=text-scale=] content attribute value. When the value of the [=text-scale=] content attribute is -scale the user agent may determine the initial font size -based on a combination of the operating system's text scale setting and the user agent's text scale setting. The -''env()/preferred-text-scale'' value must be a number that, when multiplied by -16px, provides a <> that matches that of the initial font size. +scale +computed ''font-size/medium'' font size must match the user's preferred paragraph text size as determined from a combination of OS and UA preferences. + +The ''env()/preferred-text-scale'' value must be a number that, +when multiplied by 16px, +provides a <> that matches that of the initial font size. Further, when the value of the [=text-scale=] content attribute is scale, the user agent should skip all font-sizing interventions it would otherwise perform in an attempt to automatically honor the user's preferences. E.g. text autosizing on mobile (See [[css-size-adjust#intro]]) and full-application zoom (popular browsers do this on Windows). From 0206973f173ed1def5e30abe40730b608c717248 Mon Sep 17 00:00:00 2001 From: davidsgrogan Date: Sat, 8 Nov 2025 20:28:22 -0800 Subject: [PATCH 4/7] Apply suggestions from code review Co-authored-by: Josh Tumath --- css-fonts-5/Overview.bs | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/css-fonts-5/Overview.bs b/css-fonts-5/Overview.bs index 4536cde63a3..826c1784cce 100644 --- a/css-fonts-5/Overview.bs +++ b/css-fonts-5/Overview.bs @@ -85,7 +85,7 @@ The recognized keywords in the [=text-scale=] <{meta}> element are:
    -
    legacy
    +
    legacy
    ''env()/preferred-text-scale'' returns the user's OS-level font factor on mobile, but 1 on desktop. The document's initial font size only incorporates UA-level font preferences. @@ -106,7 +106,7 @@ the user has chosen from any settings provided by the user agent. The ''preferred-text-scale'' value must be 1 on desktop platforms. On mobile:
      -
    • if the operating system provides a text scale setting AND the UA hasn't already applied that factor to the initial font size, ''env()/preferred-text-scale'' returns the mulitplier that the user has chosen in the operating system's text scale setting. +
    • if the operating system provides a text scale setting AND the UA hasn't already applied that factor to the initial font size, ''env()/preferred-text-scale'' returns the multiplier that the user has chosen in the operating system's text scale setting. Note: As of this writing, all combinations of Android, iOS, Gecko, WebKit, Blink satisfy this first condition. From c287984e222a6ce184eb937b77856a62192d1e30 Mon Sep 17 00:00:00 2001 From: David Grogan Date: Wed, 12 Nov 2025 15:49:09 -0800 Subject: [PATCH 5/7] Josh's suggestions from review round 1 - Sentence about >1 meta tag - s/medium/initial/g - earlier example --- css-fonts-5/Overview.bs | 36 ++++++++++++++++++++++++++---------- 1 file changed, 26 insertions(+), 10 deletions(-) diff --git a/css-fonts-5/Overview.bs b/css-fonts-5/Overview.bs index 826c1784cce..10919be66f5 100644 --- a/css-fonts-5/Overview.bs +++ b/css-fonts-5/Overview.bs @@ -64,7 +64,7 @@ Do not assume that if something is not here, it has been dropped. Text-Scale <meta> element A document with a <{meta}> tag -whose name attribute +whose <{meta/name}> attribute is a ASCII case-insensitive match for "text-scale" is recognized as setting the computed value @@ -75,9 +75,15 @@ The value of the content attribute must be an ASCII case-insensitive match for one of the recognized keywords. Otherwise the tag is ignored. -Documents without this <meta> tag will have an assumed default +Documents without this <{meta}> tag will have an assumed default value of legacy. +
      + 
      <meta name="text-scale" content="scale" />
      +
      + +There must not be more than one <{meta}> element with its <{meta/name}> attribute value set to an [=ASCII case-insensitive=] for [=text-scale=] per document. +

      Keywords

      @@ -88,11 +94,15 @@ The recognized keywords in the [=text-scale=]
      legacy
      ''env()/preferred-text-scale'' returns the user's OS-level font factor on mobile, but 1 on desktop. - The document's initial font size only incorporates UA-level font preferences. - OS-level font preferences are ignored.
      + The document's ''font-size/medium'' font size incorporates UA-level font preferences. + OS-level font preferences are ignored. + + Note: Equivalent to omitting a [=text-scale=] <{meta}> tag or + including an unrecognized content attribute keyword. +
    scale
    ''env()/preferred-text-scale'' returns the user's OS-level font preferences. - The document's initial font size incorporates both UA-level and OS-level font preferences.
    + The document's ''font-size/medium'' font size incorporates both UA-level and OS-level font preferences.

    The 'legacy' keyword

    @@ -106,9 +116,15 @@ the user has chosen from any settings provided by the user agent. The ''preferred-text-scale'' value must be 1 on desktop platforms. On mobile:
      -
    • if the operating system provides a text scale setting AND the UA hasn't already applied that factor to the initial font size, ''env()/preferred-text-scale'' returns the multiplier that the user has chosen in the operating system's text scale setting. +
    • if the operating system provides a text scale setting AND + the UA hasn't already applied that factor to the ''font-size/medium'' font size, + ''env()/preferred-text-scale'' returns the multiplier + that the user has chosen in the operating system's text scale setting. - Note: As of this writing, all combinations of Android, iOS, Gecko, WebKit, Blink satisfy this first condition. + Note: At the time of publishing, all combinations of + Android, iOS, + Gecko, WebKit, Blink + satisfy this first condition.
    • Otherwise ''env()/preferred-text-scale'' returns 1.
      • @@ -125,13 +141,13 @@ computed ''font-size/medium'' font size must match the user's preferred paragrap The ''env()/preferred-text-scale'' value must be a number that, when multiplied by 16px, -provides a <> that matches that of the initial font size. +provides a <> that matches that of the ''font-size/medium'' font size. Further, when the value of the [=text-scale=] content attribute is scale, the user agent should skip all font-sizing interventions it would otherwise perform in an attempt to automatically honor the user's preferences. E.g. text autosizing on mobile (See [[css-size-adjust#intro]]) and full-application zoom (popular browsers do this on Windows). -Note: It is expected that authors will use -''<meta name="text-scale" content="scale">'' in stylesheets so that the initial font size will reflect a combination of the user's font preferences, whether those are specified at the OS level or the UA level. The author will then be able to use ''rem'' throughout the page to honor the user's font preferences. +Note: Authors are expected to use +''<meta name="text-scale" content="scale">'' in stylesheets so that the ''font-size/medium'' font size will reflect a combination of the user's font preferences, whether those are specified at the OS level or the UA level. The author will then be able to use ''rem'' throughout the page to honor the user's font preferences.

      Value Definitions

      From f6d1a0ccbe54dbeaecaf63aaee59e5e62f132fd5 Mon Sep 17 00:00:00 2001 From: David Grogan Date: Thu, 13 Nov 2025 22:00:41 -0800 Subject: [PATCH 6/7] full example --- css-fonts-5/Overview.bs | 27 ++++++++++++++++++++++++++- 1 file changed, 26 insertions(+), 1 deletion(-) diff --git a/css-fonts-5/Overview.bs b/css-fonts-5/Overview.bs index 10919be66f5..2b0a2221e58 100644 --- a/css-fonts-5/Overview.bs +++ b/css-fonts-5/Overview.bs @@ -79,7 +79,7 @@ Documents without this <{meta}> tag will have an assumed default value of legacy.
      - 
      <meta name="text-scale" content="scale" />
      + 
      <meta name="text-scale" content="scale" />
      There must not be more than one <{meta}> element with its <{meta/name}> attribute value set to an [=ASCII case-insensitive=] for [=text-scale=] per document. @@ -149,6 +149,31 @@ Further, when the value of the [=text-scale=] content attribute is Note: Authors are expected to use ''<meta name="text-scale" content="scale">'' in stylesheets so that the ''font-size/medium'' font size will reflect a combination of the user's font preferences, whether those are specified at the OS level or the UA level. The author will then be able to use ''rem'' throughout the page to honor the user's font preferences. +
      + If authors don't alter the '':root'' font size, content sized with ''rem'' units will be relative to the preferred text scale + 
      +<!DOCTYPE html>
+<html> <!-- leave this element's font-size as the default -->
+	<head>
+		<meta name="text-scale" content="scale" />
+	</head>
+	<body>
+		<div style="font-size: 1rem;">
+		  This font size obeys the user's font preferences, **whether
+			those preferences are specified at the operating system level
+			or the user agent level**
+		</div>
+		<div style="font-size: 20px;">
+		  This font size does NOT respect the user's font preferences.
+			<div style="font-size: 1rem;">
+			  But this font size does!
+			</div>
+		</div>
+	</body>
+</html>
+
      +
      +

      Value Definitions

      From 3716341bbb78d72f0ce08c7524e5c14e4ffb302e Mon Sep 17 00:00:00 2001 From: David Grogan Date: Fri, 14 Nov 2025 14:17:57 -0800 Subject: [PATCH 7/7] add 'environment variable' following ''preferred-text-scale'' --- css-fonts-5/Overview.bs | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/css-fonts-5/Overview.bs b/css-fonts-5/Overview.bs index 2b0a2221e58..3d6cd6b4ba7 100644 --- a/css-fonts-5/Overview.bs +++ b/css-fonts-5/Overview.bs @@ -92,7 +92,7 @@ The recognized keywords in the [=text-scale=]
      legacy
      -
      ''env()/preferred-text-scale'' returns the user's OS-level font factor on mobile, +
      The ''env()/preferred-text-scale'' environment variable returns the user's OS-level font factor on mobile, but 1 on desktop. The document's ''font-size/medium'' font size incorporates UA-level font preferences. OS-level font preferences are ignored. @@ -101,7 +101,7 @@ The recognized keywords in the [=text-scale=] including an unrecognized content attribute keyword.
      scale
      -
      ''env()/preferred-text-scale'' returns the user's OS-level font preferences. +
      The ''env()/preferred-text-scale'' environment variable returns the user's OS-level font preferences. The document's ''font-size/medium'' font size incorporates both UA-level and OS-level font preferences.
      @@ -113,21 +113,21 @@ the user agent must set the computed ''font-size/medium'' font size to 16px multiplied by the font scale factor the user has chosen from any settings provided by the user agent. -The ''preferred-text-scale'' value must be 1 on desktop platforms. +The ''preferred-text-scale'' environment variable value must be 1 on desktop platforms. On mobile:
      • if the operating system provides a text scale setting AND the UA hasn't already applied that factor to the ''font-size/medium'' font size, - ''env()/preferred-text-scale'' returns the multiplier + the ''env()/preferred-text-scale'' environment variable returns the multiplier that the user has chosen in the operating system's text scale setting. Note: At the time of publishing, all combinations of Android, iOS, - Gecko, WebKit, Blink + Firefox, Safari, Chrome satisfy this first condition.
        • -
      • Otherwise ''env()/preferred-text-scale'' returns 1.
        • +
      • Otherwise the ''env()/preferred-text-scale'' environment variable returns 1.

      The 'scale' keyword

      @@ -139,7 +139,7 @@ When the value of the [=text-scale=] content attribute is scale computed ''font-size/medium'' font size must match the user's preferred paragraph text size as determined from a combination of OS and UA preferences. -The ''env()/preferred-text-scale'' value must be a number that, +The ''env()/preferred-text-scale'' environment variable must return a number that, when multiplied by 16px, provides a <> that matches that of the ''font-size/medium'' font size.