Re: [csswg-drafts] [css-scoping] Handling global name-defining constructs in shadow trees (#1995)

@font-face rules in WebKit seem like being global - exposing @font-face into and out of the shadow tree looking at this in Safari TP:

```html
<!doctype html>
<style>
  @font-face {
    font-family: myfont;
    font-weight: bold;
    src: local(Arial);
  }
</style>
<div style="font-family: myfont; font-weight: normal">Normal - Document</div>
<div style="font-family: myfont; font-weight: bold">Bold - Document</div>
<div id="host"></div>
<script>
  let root = host.attachShadow({mode:"open"});
  root.innerHTML = `
    <style>
      @font-face {
        font-family: myfont;
        font-weight: normal;
        src: local("Times New Roman");
      }
    </style>
    <div style="font-family: myfont; font-weight: normal">Normal - Shadow</div>
    <div style="font-family: myfont; font-weight: bold">Bold - Shadow</div>
  `;
</script>
```


-- 
GitHub Notification of comment by lilles
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1995#issuecomment-848921711 using your GitHub account


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

Received on Wednesday, 26 May 2021 16:32:15 UTC