Making it easier to get Google Fonts
There are many different ways in which the more than 1,500 font families on Google Fonts can be utilized—you can download and install them on your machine, you can upload them to your own web server or you can use our API for your web, Android, Flutter or iOS project.
As the versatility of our font catalog has grown, so has the need for more guidance on how to get the fonts selected on Google Fonts. To simplify this experience, we’ve updated our website to make it easier to get what you need and return to your project.
One simple button
If you’ve visited any retail website on the internet, the following will be very familiar (we just won’t ask you for money, as all our listed fonts and icons are using open source licenses).
Visiting any font family page, you will now see one big “Get font” button. Just click the button to add the font family to your selection. No need to decide on specific weights or styles like you used to.
From there, keep browsing and adding more fonts. Or click on the little tote bag in the top right corner to visit your font selection, which will show you a list of the fonts you’ve chosen. Once you are done refining your selection, you can choose how you want to use those fonts. If you scroll down to the bottom section of the page, you will see our new “How to use” section, which provides useful links where you can learn more about all the ways you can use our fonts in Google products, on your own computer or in your project.
All weights, all styles
Next to the code you’ll find another version listing your font family selection. This time the font families are presented as cards that provide you with the functionality to optimize your API call.
Your API call will now include all the available weights and styles of a static font family. By expanding the font family cards you can unselect specific styles that you don’t need. This will optimize the performance of your website or app.
Full variable font axes
The previous version of fonts.google.com made you select specific styles from the axes included in our variable fonts that would be delivered as static instances. Now, important axes like weight and optical size will be delivered as full axes via the API by default. Other axes will be pinned to their default value only. By opening the font family card you can easily change that value or switch to using the full axis.
Get embed code
If you’re working on a web, Android, iOS or Flutter project, instead of downloading, you might want to use our API for simplicity, optimized performance, smaller file sizes and to remain future-proof.
Clicking the big “Get embed code” button will take you to the next page, where you can select the platform you’re working on. Choosing Android or iOS will provide the best links for the relevant documentation on developer.android.com and developers.apple.com. For Flutter and the web you’ll find the code for your project right here for copy & pasting.
For the web we’ve added some optional CSS code in addition to the html for your head
that you can use to style your text a little more easily.
Download all
To install your font selection, self-host them on your web server or open them in a font editor to evolve them into a new typeface, you will want to download them.
Each font family listed will have the option to be downloaded individually. Though it’s much easier to click the big “Download all” button to get them all at once in one handy zip file.
All these changes are based on feedback we’ve received from our users. You’ve told us that on the current site it can be hard to find the code for the API for example. Using variable fonts has also been harder than it needs to be. Results from extensive user testing have shown that today’s updates address these challenges. We’re very excited about these improvements and hope they will make your lives easier.
We’d also love to hear your feedback—simply click on the little speech bubble on the bottom left corner on fonts.google.com.