Starter Block Theme Livestream #5 - Custom Fonts in theme.json
In this livestream recording, I explored adding custom fonts via theme.json in a few different ways, including manually registering via theme.json, using the Create Block Theme plugin to add Google fonts, and fonts from locally stored files uploaded to your site.
Table of Contents:
00:10 - Intro and Recap from the Previous stream
01:26 - Looking at fonts in Twenty Twenty-Three
04:20 - Adding Google Fonts via Create Block Theme Plugin
06:54 - Using a locally registered custom font
08:35 - Files and JSON added by Create Block Theme Plugin
10:14 - Adding a font from a local file with the Create Block Theme Plugin
12:26 - Registering a local font in theme.json
20:09 - Looking at font variants in theme.json
21:54 - System fonts
23:34 - Variable Fonts (Question)
27:40 - CSS Question - word-break with Clamp
30:23 - A word on remotely stored custom fonts
32:09 - Looking forward to the next stream
33:30 - Future topic: Fluid font sizes
**Follow me**
Instagram: / daisyonwp
Facebook: / daisyonwp
Twitter: / daisyolsen
LinkedIn: / daisyolsen
GitHub: https://github.com/daisyolsen
WordPress https://profiles.wordpress.org/daisyo/
Chat with me: https://daisyonwp.com/chat-with-daisy
Join me live: / daisyonwp
Fridays, 10:30 am ET
**Resources**
Theme Developer Handbook: https://developer.wordpress.org/themes/
Living Reference for theme.json: https://developer.wordpress.org/block...
A Developers Guide to Block Themes Part 1: https://learn.wordpress.org/course/a-...
A Developer's Guide to Block Themes Part 2: https://learn.wordpress.org/course/a-...
Livestream Code Repo: https://github.com/DaisyOlsen/livestr...