[css-houdini-drafts] [css-typed-om] Font Family Name doesn't uniquely identify a font face

wilddamon has just created a new issue for https://github.com/w3c/css-houdini-drafts:

== [css-typed-om] Font Family Name doesn't uniquely identify a font face ==
https://drafts.css-houdini.org/css-typed-om/#fontfacevalue-objects

(Brought up by ksakamoto@ on my CL)

I'm not quire sure how |state| attribute should behave, as font family name does not uniquely identify font face.

For example, this defines two @font-face rules for 'Roboto', one for regular weight and one for bold. When only bold face is loaded, what |state| should return?

<style>
@font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 400;
   src: url(https://fonts.gstatic.com/s/roboto/v16/CWB0XYA8bzo0kSThX0UTuA.woff2);
}

@font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 700;
   src: url(https://fonts.gstatic.com/s/roboto/v16/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2);
}

div {
   font-family: 'Roboto';
   font-weight: 700;
}
</style>
<div>This text kicks load of the second @font-face</div>

<script>
document.fonts.ready.then(() => {
   document.fonts.forEach(face => {
      console.log(face.weight, face.status);  // 400 unloaded, 700 loaded
   });
   let f = new CSSFontFaceValue('Roboto');
   console.log(f.state);  // ???
});
</script>

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

Received on Tuesday, 9 May 2017 06:36:18 UTC