[csswg-drafts] [css-fonts] Support avar2 within tech() to support using the next generation of variable fonts tech (#10599)

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

== [css-fonts] Support avar2 within tech() to support using the next generation of variable fonts tech ==
https://web.dev/articles/variable-fonts#loading_variable_font_files gives this CSS example for loading Roboto Flex, an advanced variable font:

```
@font-face {
    font-family: 'Roboto Flex';
    src: url('RobotoFlex-VF.woff2') format('woff2-variations');
    src: url('RobotoFlex-VF.woff2') format('woff2') tech('variations');
    font-weight: 100 1000;
    font-stretch: 25% 151%;
}
```

However, a new version is under development, https://github.com/googlefonts/roboto-flex-avar2 , and this uses the new avar v2 table instead of the current v1 one, as pioneered in https://github.com/harfbuzz/boring-expansion-spec

Therefore I would like to be able to do this in my CSS

```
@font-face {
    font-family: 'Roboto Flex';
    src: url('RobotoFlex-VF-avar2.woff2') format('woff2-variations-avar2');
    src: url('RobotoFlex-VF-avar2.woff2') format('woff2') tech('variations-avar2');
    src: url('RobotoFlex-VF.woff2') format('woff2-variations');
    src: url('RobotoFlex-VF.woff2') format('woff2') tech('variations');
    font-weight: 100 1000;
    font-stretch: 25% 151%;
}
```

@lorp @simoncozens @twardoch 

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


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

Received on Friday, 19 July 2024 16:09:23 UTC