How to implement adobe font into p5.js canvas by using textFont()

p5.js Coding Questions
1

Hello, friends,
I searched the forum, while there were several discussions around the topic, I was unable to find the answer I was looking for.

Is it possible to use Typekit or Adobe fonts at the canvas level inside of P5.js?
It seems that the CSS link provided by Adobe or Google fonts is intended for DOM elements and not for the p5.js sketch.js (canvas). To use textFont(), we need either a font file or a link to that font file (something like : https://www/..../fontname.otf).

This 's a capture of Adobe font css, I put the <link rel='stylesheet'>"....css"</link> into the index.html file. It doesn’t seem to have any effect on the canvas, I feel that I have to create a DOM element to use the font. What’s your opinion ?

Capture d’écran 2023-04-13 à 20.29.27
Capture d’écran 2023-04-13 à 20.29.271090×882 45 KB

Thanks for your help.

2

Sorry for the noise, i’ve found the answer at the p5.js wiki page, for people who don’t know:

1 Like