Teams Development – Stefan Bauer – N8D

All Posts Tagged ‘Teams Development’

9. October 2020

How to fix Segoe UI font issue with SPFx and Microsoft Teams

When you write a web part, that don’t use Fluent UI or its predecessor Office UI Fabric, you might have recognised Segoe UI from SharePoint is not loaded there.

<img aria-describedby=caption-attachment-53038 loading=lazy src="https://i1.wp.com/n8d.at/wp-content/uploads/2020/10/teams-spfx-not-loading-font.png?resize=900%2C568&ssl=1" alt width=900 height=568 class="size-large wp-image-53038" srcset="https://i1.wp.com/n8d.at/wp-content/uploads/2020/10/teams-spfx-not-loading-font.png?resize=1024%2C646&ssl=1 1024w, https://i1.wp.com/n8d.at/wp-content/uploads/2020/10/teams-spfx-not-loading-font.png?resize=300%2C189&ssl=1 300w, https://i1.wp.com/n8d.at/wp-content/uploads/2020/10/teams-spfx-not-loading-font.png?resize=768%2C485&ssl=1 768w, https://i1.wp.com/n8d.at/wp-content/uploads/2020/10/teams-spfx-not-loading-font.png?resize=1536%2C969&ssl=1 1536w, https://i1.wp.com/n8d.at/wp-content/uploads/2020/10/teams-spfx-not-loading-font.png?resize=2048%2C1292&ssl=1 2048w, https://i1.wp.com/n8d.at/wp-content/uploads/2020/10/teams-spfx-not-loading-font.png?w=1800&ssl=1 1800w" sizes="(max-width: 900px) 100vw, 900px" data-recalc-dims=1>

SPFx web part in Teams do not load Segoe UI