What the font?!?!

Let's explore new typography features in p5.js 2.0! In this video, I cover how to work with variable fonts, convert text to 3D models with textModel(), extract contours with textContours(), and control the detail of your typography with sampleFactor and simplifyThreshold. Code: https://thecodingtrain.com/tracks/p5js-2.0/p5js-2.0/typography 🚀 Watch this video ad-free on Nebula https://nebula.tv/videos/codingtrain-what-the-font p5.js Web Editor Sketches: 🕹️ Variable Font Weights: https://editor.p5js.org/codingtrain/sketches/9SZYb2vX3 🕹️ textContours(): https://editor.p5js.org/codingtrain/sketches/ffDf3LmKi 🕹️ textModel() - 3D Text: https://editor.p5js.org/codingtrain/sketches/Z4DkmlvyM 🕹️ Coding Challenge 59 - p5.js 2.0: https://editor.p5js.org/codingtrain/sketches/cetWD9rvY 🕹️ One Letter, Two Contours: https://editor.p5js.org/codingtrain/sketches/2xr1TAmXK 🕹️ sampleFactor Diagram: https://editor.p5js.org/codingtrain/sketches/c23YgfIhC 🕹️ simplifyThreshold Demo: https://editor.p5js.org/codingtrain/sketches/9_CnA7lrl 🎥 Previous: https://youtu.be/25omXt_OjD4 🎥 Next: https://youtu.be/1KqQeqZ3R9Y References: 📖 p5.js 2.0: You Are Here & How to Contribute!: https://discourse.processing.org/t/dev-updates-p5-js-2-0-you-are-here-how-to-contribute/46130 🔤 Google Fonts: https://fonts.google.com 🐞 Typography questions and possible bugs (Issue #8177): https://github.com/processing/p5.js/issues/8177 🐞 Reference errors: textToContours() and textToModel() (Issue #8623): https://github.com/processing/p5.js/issues/8623 📖 loadFont() Reference: https://beta.p5js.org/reference/p5/loadFont/ 📖 textWeight() Reference: https://beta.p5js.org/reference/p5/textWeight 📖 textContours() Reference: https://beta.p5js.org/reference/p5/textContours 📖 textModel() Reference: https://beta.p5js.org/reference/p5/textModel Videos: 🎥 https://youtu.be/1KqQeqZ3R9Y 🚂 https://youtu.be/0Ad5Frf8NBM 🚂 https://youtu.be/25omXt_OjD4 🚂 https://youtu.be/o9sgjuh-CBM 🎯 https://youtu.be/4hA7G3gup