Why fonts slow pages down
A web font is a file, often 20 to 100 KB or more per style. Regular, bold, italic and bold italic are separate files unless the family is a variable font. Many themes load fonts from a third-party service as well, which adds a connection to another server before anything downloads.
Text may stay invisible or switch from a plain fallback to the custom font after a delay. People see this as a flash. It also contributes to layout shifts when the two fonts have different widths.
Use fewer families and fewer weights
The simplest fix is restraint. One family for headings and one for body text is plenty for most small business sites. Often a single family works. Audit which weights you really use: regular and bold cover most needs, and light, medium and black are often loaded but unused.
Check your theme settings or the stylesheet for font requests. If a weight is never applied to any text, remove it.
Consider system fonts or variable fonts
System font stacks use fonts already on the visitor's device, such as the default sans-serif on their phone. They cost nothing to download and look clean. If your brand needs a particular style, a variable font packs many weights into a single file, which can beat loading four separate ones.
Choose what suits the business. A law office with a distinctive serif logo may keep one custom heading font and use system fonts for body text.
Host fonts yourself and set display behavior
Serving font files from your own domain removes the extra connection to an outside service and gives you control over caching. Use the WOFF2 format, which is compressed and widely supported by current browsers.
In the font declaration, the font-display setting controls what happens while the file loads. The swap value shows fallback text right away and replaces it when the custom font arrives, so nobody stares at blank space. Also preload the one or two files that appear above the fold.
Match the fallback to reduce jumping
Pick a fallback font with similar width and height to your custom font, and set it first in the font stack. Some tools let you adjust the fallback's size so the swap barely moves the text. This protects your layout stability score.
Finally, subset the font if it supports alphabets you do not need. A Latin-only file is smaller than one covering many scripts. If your site serves multiple languages, keep what you need.
A quick audit you can do today
Open your site, press F12, go to the Network tab and filter by Font. Count the files and add up their sizes. Under about 100 KB in total is a comfortable place to be for a small business site. If you see eight or ten files, you have room to trim.
Then ask your designer or check your theme options for the list of loaded weights. Remove the ones that are not visibly used, re-test, and compare the page weight. Keep a note of the before and after numbers so you know the change helped.
Common questions
Are Google Fonts bad for speed?
Not by themselves. The cost comes from loading many styles and from the extra connection. Limiting styles and hosting the files on your own domain often improves results.
What is FOUT?
It stands for flash of unstyled text, when plain text appears and then changes to your custom font. Good fallback matching and preloading reduce how noticeable it is.
Can I just use Arial or Georgia?
Yes. Familiar system fonts are fast and readable. Choose them if your brand does not depend on a specific typeface.
This guide is general information. Search engines change how they work and their guidelines; check Google's current documentation for your situation. Nobody can guarantee a ranking.