Variable, color font as audio visualizer

Grzegorz Luk (gluk) · September 5

The animation was created in search of new applications for variable, color fonts

mitradranirban · September 5

Excellent work. We are yet to find out many uses of color and variable fonts.
With a bit of css and JavaScript, I am trying to make a variable font help in training writing in Bangla in a website.
https://youtube.com/shorts/O6frDIHFjJ4

Grzegorz Luk (gluk) · October 2

next try, this time with variable contrast.

https://youtu.be/biNWMPaUkYA

James Puckett · October 2

Nice work.

Peter Constable · October 2

Some work by Rob Stenson this reminded me of—these use variable fonts (plus other animation tools), though not colour variable fonts:

Santhosh Thottingal · October 3

Hi, I am the designer of Nupuram color font. I had created an interactive demo where the letters will "dance" as per the voice input from mic.
You may try it here: It may ask microphone permission. After that sing a song and watch letters dance with the song.
https://codepen.io/santhoshtr/pen/dyjdyoY
I have a recording here

https://youtu.be/y1RY_6xuAxA

The colorfont palettes are animatable(Only in Chrome). Based on that I have an interactive demo here https://codepen.io/santhoshtr/pen/JjzrzVm - Moving mouse over letters make the letters glow.

Variable, color font as audio visualizer

Comments

Categories