What Are Web Fonts?

Web fonts are typefaces that a website downloads over the internet so its text shows in a chosen font, even on devices that do not have that font installed. They are loaded with CSS, and the modern file format is WOFF2. For most sites they simply work. They carry one catch for Malaysian businesses with customers in China, where Google Fonts is blocked.

Before web fonts, a site could only use fonts a visitor already owned. That is why the same few typefaces once ruled the web.

How do web fonts work?

Web fonts work by letting your site's CSS point to a font file that the browser downloads as the page loads. The chosen typeface then renders for every visitor, whatever their device holds.

MDN puts it plainly: CSS lets you specify font files, available on the web, to be downloaded along with your website (MDN, updated August 2026).

The standard format is WOFF2, the most compressed option, and every major browser supports it. It is the format to list first when you add a font.

Where do web fonts come from?

Web fonts come from two main places: a hosted service like Google Fonts, or your own server. The choice shapes both speed and reliability.

A hosted service is easy. You paste one line, and the fonts load from someone else's servers, free of charge.

Self-hosting means you serve the font file from your own domain. It takes a little more setup, but you control the speed, the privacy, and where the file loads from.

Approach	Good for	Trade-off
Hosted (Google Fonts)	Fast setup, no cost	Loads from Google's servers
Self-hosted	Control, privacy, China access	A little more setup

The China problem with Google Fonts

The catch with Google Fonts is that it is blocked in mainland China, so a site relying on it can hang or render slowly for Chinese visitors. The browser waits on a font that never arrives.

A China market specialist states it flatly: the Google Fonts API is blocked in China, because Google services sit behind the Great Firewall (AppInChina, October 2025). The fix is to self-host the fonts on your own domain.

In our experience, the first things to fail in a China audit are Google-hosted pieces. The first thing we check is Google Fonts alongside Google Maps embeds and reCAPTCHA, then we self-host or replace whatever blocks the page.

Ideally the self-hosted files sit on a China-ready CDN so they load quickly inside the country. This is one part of making a site work in China.

Web fonts and page speed

Web fonts add weight, so a slow or blocked font can delay your text appearing. A heavy set of fonts is a common drag on load speed.

Keep it lean. Use WOFF2, limit the number of fonts and weights, and let text show in a fallback font while the web font loads.

That fallback trick matters for your Core Web Vitals, because it stops the layout from sitting blank while a font downloads.

Frequently asked questions

Are Google Fonts free to use?

Yes, Google Fonts is a free library of open-source fonts. You can use them on commercial sites at no cost, which is why they are so common. The trade-off is not money but delivery: the fonts load from Google's servers, and that is the source of the China problem.

Will Google Fonts slow down my website?

Usually only slightly, except in China, where it can stall the page. Elsewhere the files are cached and load quickly for most visitors. Self-hosting can shave off the extra connection to Google's servers. The bigger speed gain comes from using few fonts and the WOFF2 format.

How do I make web fonts work in China?

Self-host the fonts on your own domain instead of loading them from Google. Serve only the styles you actually use, ideally from a China-ready CDN inside or near the country. This removes the blocked request entirely, so text renders without waiting. It is the same principle as self-hosting any Google-served asset for China.

What is WOFF2?

WOFF2 is the current standard web font format, built to be small and load quickly. Every major browser supports it, so it is the format to list first when adding a font. Older formats still exist as fallbacks, but for a modern site WOFF2 alone covers almost everyone.

Do I need web fonts at all?

Not always. System fonts already on the visitor's device load instantly and look clean. Web fonts are worth it when your brand needs a specific typeface that carries its identity. If speed matters more than a custom look, a good system-font stack is a fair choice.

Fonts that load everywhere

Storming Solutions builds websites for Malaysian businesses, including those selling into China. Getting fonts and other Google-hosted pieces to load reliably is part of how we make a site work across borders. We test the way your customers actually connect, not just how the page looks on our screen.

Selling into China, or worried your site loads slowly abroad? Ask us for a check on WhatsApp, read whether your website works in China, or talk to us about web development.