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

**URL:** <https://discourse.processing.org/t/how-to-implement-adobe-font-into-p5-js-canvas-by-using-textfont/41710>\
**Category:** Coding Questions\
**Created:** [April 13, 2023, 6:42pm UTC](https://discourse.processing.org/t/how-to-implement-adobe-font-into-p5-js-canvas-by-using-textfont/41710 "2023-04-13T18:42:06Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![WaningJupiter](https://avatars.discourse-cdn.com/v4/letter/w/5e9695/32.png) [@WaningJupiter](https://discourse.processing.org/u/WaningJupiter)\
**Post date:** [April 13, 2023, 6:42pm UTC](https://discourse.processing.org/t/how-to-implement-adobe-font-into-p5-js-canvas-by-using-textfont/41710/1 "2023-04-13T18:42:06Z")

</div>

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](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/3X/0/a/0aae404c4e9fc170885cad9cb3c1c0efb45997c4.png)

Thanks for your help.

---

<div class="post-metadata">

**Author:** ![WaningJupiter](https://avatars.discourse-cdn.com/v4/letter/w/5e9695/32.png) [@WaningJupiter](https://discourse.processing.org/u/WaningJupiter)\
**Post date:** [April 13, 2023, 6:59pm UTC](https://discourse.processing.org/t/how-to-implement-adobe-font-into-p5-js-canvas-by-using-textfont/41710/2 "2023-04-13T18:59:38Z")

</div>

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

> **[Drawing Text Using Web Fonts](https://github.com/processing/p5.js/wiki/Drawing-Text-Using-Web-Fonts)**
>
> p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Proces...