Just a single weight of Noto Sans Japanese in WOFF2 is almost 3.4MB-and downloading this to each and every one of your users would be a drag on your page load time. Font files can be large, but they don’t have to be # If you requested a font with parameters that the API doesn’t currently have cached, it will subset your fonts on the fly, using HarfBuzz to do it quickly, and return CSS pointing to them.If your request uses common parameters that the API already has files for, it will immediately return CSS to your user, directing them to these files.The API will then handle your request in one of two ways: When you request a font from the API, you specify which family or families you would like and, optionally, their weights, styles, subsets, and many other options. The minimum you need to do is include a single line in your HTML, like this: You don't need to do any programming all you have to do is add a special stylesheet link to your HTML document, then refer to the font in a CSS style. The Google Fonts CSS API documentation sums it up nicely: The API will respond to each request with the best font for that web browser.Īll this happens by including a single line of HTML in your code. Using the Google Fonts CSS API, your website can request only the font data it needs to keep its CSS loading time to a minimum, ensuring your website visitors can load your content as quickly as possible. This is no longer true, but the API still provides additional and important optimizations so that websites load quickly and the fonts work well. It has come a long way from its original value proposition-to make the web faster by allowing your browser to cache commonly used fonts across all the websites that used the API. The Google Fonts CSS API has also evolved over the years to keep up with changes in web fonts technology. Once upon a time, you had to load an entire font before the page loaded-with styles and characters you may not have even used-but even that has become a thing of the past. What used to be a niche practice that required an image of text or a Flash plug-in (and that compromised your website’s search engine optimization) is now a standard practice across the web. Over the years, a lot has changed with web fonts technology.

Future-proofing your web fonts with the Google Fonts CSS API.

Font files can be large, but they don’t have to be.

Chinese style font for google docs