Closed longhotsummer closed 2 years ago
We are going to have to go with the latter approach: How I led to this decision was a result of following:
la-akoma-ntoso.scss
, testing the whether the font rendered. it did not. (Checking in network tab)There's currently no way to load custom fonts at all from within a shadow DOM. If you want to hack around the issue you can inject the required css into the
tag on component load.So in the case of africanlii rendering from pocketlaw in the iframe, load fonts from africanlii
Ok. Offline fonts is a bit of an edge case anyway.
Can we use webpack to embed external fonts into bundle.js, so that everything is included in that file?
Alternatively, consumers that need everything downloaded statically must explicitly link to the fonts we use (which we should document).