# Processing + Variable Font

**URL:** https://discourse.processing.org/t/processing-variable-font/36445
**Category:** Project Guidance
**Created:** [April 19, 2022, 12:24pm UTC](https://discourse.processing.org/t/processing-variable-font/36445 "2022-04-19T12:24:26Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![Giaco](https://avatars.discourse-cdn.com/v4/letter/g/a3d4f5/32.png) [@Giaco](https://discourse.processing.org/u/Giaco)
#### Post date: [April 19, 2022, 12:24pm UTC](https://discourse.processing.org/t/processing-variable-font/36445/1 "2022-04-19T12:24:26Z")

</div>

Hello everyone,  
I designed a variable font with a weight and width axis. I was wondering if there is a way to animate variable fonts with processing. Do you know any examples of processing projects using variable fonts?

---

<div class="post-metadata">

### Author: ![josephh](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/josephh/32/210_2.png) [@josephh](https://discourse.processing.org/u/josephh)
#### Post date: [April 20, 2022, 7:56pm UTC](https://discourse.processing.org/t/processing-variable-font/36445/2 "2022-04-20T19:56:06Z")

</div>

Hi @Giaco,

I found this Reddit thread about variable fonts:

> **[r/processing - variable fonts in processing? possible?](https://www.reddit.com/r/processing/comments/cbtklp/variable_fonts_in_processing_possible/)**
>
> 5 votes and 5 comments so far on Reddit

Also this issue on p5.js:

> <https://github.com/processing/p5.js/issues/2522>
>
> \#### Nature of issue?
> 
> \- \[\] New feature request
> 
> \#### Most appropriate sub-…area of p5.js?
> 
> \- \[\] Typography
> 
> Hey all, 
> 
> The \`text('sometext', x, y);\` only uses the default parameters of the fonts. Since we have now variable fonts there is no way to access these in the current version. Please correct me if I am wrong.
> 
> \*\*Variable what?\*\*
> Variable font are font files with additional data. Short explanation: one font file with a whole font family inside.
> Variable font have so called \_axes\_ and these have a \_default value\_, \_minimum value\_ and \_maximum value\_. 
> 
> \*\*Axes\*\*
> An axis has a tag, name and the values
> example: weight, wght, 0 1000 200
> 
> A reasonable way to handle these variation is just like colours. There is a current state and all the thing you do will have this state. Until you change them...
> This way the \`text()\` function will not change at all.
> We only need a way to set the state of a font:
> \`fontVariations()\`
> As arguments something like: \`wght=394, wdth=4\` 
> 
> I have little experience with javascript, I come from python-land. But these variable fonts are ideal for browser environments. 
> 
> Please join this discussion and hopefully get this thing working :)
> 
> All the best,
> enjoy! 
> 
> Thom
> 
> look at this!: https://www.axis-praxis.org

---

<div class="post-metadata">

### Author: ![rapatski](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/rapatski/32/5164_2.png) [@rapatski](https://discourse.processing.org/u/rapatski)
#### Post date: [June 1, 2023, 8:24am UTC](https://discourse.processing.org/t/processing-variable-font/36445/3 "2023-06-01T08:24:32Z")

</div>

I’d like to bump this one. There are few things as “Processing” as variable fonts. PLEASE implement variable font support in Java/Processing??
