I am working on a notebook with a custom font. I link the font externally and use the “addWebFont” function in this notebook. On most devices, the font loads correctly. But sometimes the fonts don’t load when people open it. Does anyone have any idea why this is happening?
I use the “Acumin Pro” font with the following code:
const svg = d3
.create("svg")
.attr("width", width)
.attr("height", height)
.attr("viewBox", [0, 0, width, height])
.call(
addWebFont,
'Acumin Pro',
'https://observable-cors.glitch.me/https://gist.github.com/coindesk-research/2bf8eddda40303351c9f02f73b661cca/raw/2aa621a1be6cc12cc572fd390027839254b166a3/Acumin-RPro.otf',
'opentype'
)