Using SharePoint Brand center font settings in custom SPFx solutions

📺 Starting with the preview of brand central, customers can start using custom font settings in SharePoint and in Viva Connections. These font settings are impacting out of the box web parts and experiences. In this video we'll show the technical details of this feature and demonstrate how to make custom SPFx solutions to use the font settings.
Preview of brand center is available in tenants with targeted release option enabled, gradually during April 2024 and early May 2024.
Notice. At the time of recording this video, custom fonts cannot be tested with the online workbench. You'll need to do debugging on a live site, to see the experience.
Agenda
• 00:00 intro
• 01:13 out of the box experience
• 06:05 custom css properties
• 07:47 adjusting web part solution
• 13:15 closing
📅 This video was recorded on 19th of April 2024
✨ Presenter
Vesa Juvonen (Microsoft) | / vesajuvonen | / vesajuvonen
📖 Relevant resources:
• Brand Central Roadmap item - www.microsoft.com/en/microsof...
• Branding your SharePoint site - learn.microsoft.com/en-us/sha...
• Overview of SharePoint Framework - aka.ms/spfx
• Overview of Viva Connections Extensibility - aka.ms/viva/connections/exten...
#SPFx #SharePoint #VivaConnections #microsoft365 #microsoft365dev
💡 Learn more about the Microsoft 365 & Power Platform community
• Microsoft 365 & Power Platform Unified Sample gallery - aka.ms/community/samples
• Microsoft 365 & Power Platform Community in TH-cam - aka.ms/community/videos
• Microsoft 365 & Power Platform - aka.ms/community/home
Sharing is caring! You are awesome! 🧡

[@gandharjayantaundhe4023]

Great stuff and solutions! Thanks!

[@MicrosoftCommunityLearning]

Thanks for the feedback - appreciated 🙏🙏

[@webdeveloperify]

Awesome, one question though are we getting any api's to set it programmatically through Graph or SharePoint API's

[@TheVertamin]

Yes! In only 1,5 years. Meanwhile you can use some obscure library to do it.