Skip to content

Commit d9ea1bd

Browse files
author
Litherum
committed
[css-fonts-4] [varfont] Define font-optical-sizing's relationship with zooming
See w3c#538
1 parent e154056 commit d9ea1bd

File tree

1 file changed

+4
-2
lines changed

1 file changed

+4
-2
lines changed

css-fonts-4/Overview.bs

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1143,8 +1143,6 @@ at least as dark as its predecessor. Only values between 1 - 999 are valid, and
11431143

11441144
<h2 id="font-variation-props">Font Variation Properties</h2>
11451145

1146-
Issue: For all the various kinds of zooms, describe whether font-optical-sizing is re-applied (layout-time) or not (paint scaling).
1147-
11481146
<pre class="propdef">
11491147
Name: font-optical-sizing
11501148
Value: auto | none
@@ -1166,6 +1164,10 @@ at least as dark as its predecessor. Only values between 1 - 999 are valid, and
11661164
<dd>The user agent must not modify the shape of glyphs for optical size.</dd>
11671165
</dl>
11681166

1167+
Pixel density as well as visual size of the text may influence the variation value chosen for 'font-optical-sizing'. When either pixel density or visual size of the text changes in response to a user operation or style change, user agents may choose a new value for this variation value only if the change is layout-causing. User agents are free to determine which changes are layout-causing.
1168+
1169+
Note: Some user operations, such as pinch-zoom, may be considered not-layout-causing if they do not cause text to reflow. However, other user operations, such as increasing text size for accessiblity purposes, may be considered layout-causing because they cause text to reflow. Similarly, the 'transform' property may be considered not-layout-causing because transforms generally do not cause text to reflow. Each user-agent is free to decide whether or not each operation is layout-changing or not.
1170+
11691171
<div class="figure"><img alt="text with and without 'font-optical-size'" src="fontopticalsize.png" /><p class="caption">Text with and without the use of 'font-optical-size'</p></div>
11701172

11711173
<h3>Low-level font variation settings control: the 'font-variation-settings' property</h3>

0 commit comments

Comments
 (0)