[csswg-drafts] [css-viewport-1] Specify relationship between zoom and font properties (#12358)

lilles has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-viewport-1] Specify relationship between zoom and font properties ==
With the `sign()` function, the `zoom` property can now have computed values that depend on the computed font and font selection. Also, the `zoom` property affects font selection, which means the spec needs to say whether font relative units in `zoom` are evaluated against the parent font or the same element's font.

Chrome and Safari behave differently for this case (Chrome uses the parent font):

```html
<!DOCTYPE html>
<style>
  #target {
    font-size: 30px;
    zoom: calc(1 + 0.5 * sign(20px - 1em));
  }
</style>
<div id="target">Zoom</div>
<script>
  console.log(getComputedStyle(target).zoom);
</script>
```

@chrishtr @emilio 


Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/12358 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 18 June 2025 07:38:18 UTC