- From: Xidorn Quan via GitHub <sysbot+gh@w3.org>
- Date: Wed, 23 Jan 2019 11:13:15 +0000
- To: public-css-archive@w3.org
OK, I think we should close this issue.
The special behavior on css-tricks.com is purely because it's using multiple approaches to load the same set of fonts. Specifically, you can find the following code in their script:
```javascript
if ('fonts' in document) {
var e = new FontFace('Rubik', 'url(/wp-content/themes/CSS-Tricks-17/fonts/Rubik-Regular-hint-all.woff2) format(\'woff2\'), url(/wp-content/themes/CSS-Tricks-17/fonts/Rubik-Regular-hint-all.woff) format(\'woff\')'),
t = new FontFace('Rubik', 'url(/wp-content/themes/CSS-Tricks-17/fonts/Rubik-Bold-hint-all.woff2) format(\'woff2\'), url(/wp-content/themes/CSS-Tricks-17/fonts/Rubik-Bold-hint-all.woff) format(\'woff\')', {
weight: '700'
});
Promise.all([
t.load(),
e.load()
]).then(function (e) {
e.forEach(function (e) {
document.fonts.add(e)
})
})
}
```
If you clear these manually added fonts via `document.fonts.clear()`, then changes to stylesheet would work as expected.
--
GitHub Notification of comment by upsuper
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/3542#issuecomment-456763548 using your GitHub account
Received on Wednesday, 23 January 2019 11:13:17 UTC