# How to Reduce Layout Reflow When Using Web Fonts

DevFeed: [How to Reduce Layout Reflow When Using Web Fonts](<https://devfeed.tech/articles/how-to-reduce-layout-reflow-when-using-web-fonts-29311.md>)

Original publisher: [Read original article](<https://material.io/blog/reduce-reflow-with-web-fonts>)

Published: 2021-09-09T09:00:00Z

Content type: tutorial

Language: en

Sources: [Material.io - Material Design](<https://devfeed.tech/sources/material-io-material-design.md>)

Topics: [Font](<https://devfeed.tech/topics/font.md>), [User Experience](<https://devfeed.tech/topics/user-experience.md>), [Web](<https://devfeed.tech/topics/web.md>)

Tags: [applying](<https://devfeed.tech/tags/applying.md>), [best](<https://devfeed.tech/tags/best.md>), [best-practices](<https://devfeed.tech/tags/best-practices.md>), [experience](<https://devfeed.tech/tags/experience.md>), [fonts](<https://devfeed.tech/tags/fonts.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [layout](<https://devfeed.tech/tags/layout.md>), [loading](<https://devfeed.tech/tags/loading.md>), [practices](<https://devfeed.tech/tags/practices.md>), [reduce](<https://devfeed.tech/tags/reduce.md>), [user](<https://devfeed.tech/tags/user.md>), [user-experience](<https://devfeed.tech/tags/user-experience.md>), [using](<https://devfeed.tech/tags/using.md>), [web](<https://devfeed.tech/tags/web.md>), [web-fonts](<https://devfeed.tech/tags/web-fonts.md>)

## AI overview

This article explains how applying font-loading best practices can reduce layout reflow when using web fonts and improve the user experience.

## Source excerpt

Applying best practices for font loading can help improve the user experience