How to Use Google Fonts

Add new fonts to Google Docs, Slides, Sheets — even in Chrome

HTML on a computer screen

virusowy/Getty Images 

One of the major design choices people face when creating a web site is selecting fonts for the site. Google has created Google Fonts, a library of 900 font families, that anyone can add to their system and use. The library is a free resource and simple to implement via HTML by embedding it into your site code.

How to Search for Google Fonts

The Google Fonts library is very large, featuring a variety of font types in over 130 languages. Searching for and selecting fonts is simple.

A screenshot of Google Fonts' search page.
  1. Go to fonts.google.com.

  2. Use the Filtering options on the right to select categories (Serif, Sans Serif, ect.), languages, and other font features.

  3. Once you find a font you like you can adjust the size and see any additional styles (bold, italic, etc.) by clicking the font name.

  4. Choose the font by clicking Select This Font.

    Google Fonts Description Page Characters Designer Information

Selecting and Using Fonts from Google Fonts

When you've selected the font(s) you want to use and clicked Select This Font you can then view your chosen fonts in the Family Selected popup in the bottom right corner. Clicking the Family Selected window will expand your options for adding the font to your website.

Google Fonts Family Selected Page Embed Font Text

Google Fonts provides copy/paste text for both standard HTML and CSS. You can also click the link to their Getting Started Guide for more detailed instructions from Google.

Browsing Speed and Security

Worried about how Google Fonts could impact the speed or security of your website? Google has you covered. Google Fonts actually helps product and web pages run faster caching fonts without risking users’ privacy or security. The code generated by Google Fonts causes Google's servers to send the smallest possible file to every user based on the technologies that their browser supports.

Downloading Google Fonts

The Google Fonts resource makes it easy to load unique fonts to websites, but there is also the option of downloading the fonts to use on your personal computer. These fonts can be used for website development as well, or added to products like Adobe or Microsoft Office to use in documents. All fonts are open-source, bringing beautiful and unique fonts to you for any project.

  1. Search Google Fonts for your desired style.

  2. Click Select This Font on the font(s) you wish to download.

  3. Open the Family Selected popup window from the bar on the bottom right.

  4. Click the Download Icon at the top right of the Family Selected window.

A .zip file will be downloaded to your computer that contains all available styles within that font.

Windows Explorer Font zip files extract Google Fonts

Clicking on one of those files will open a window that illustrates the font and includes an Install button at the top left.

Windows Font Install View

Variety and Depth in Google Fonts

Google Fonts features both individual type designers and foundries, so chances are you'll find a font that is a perfect fit for your site or project. Enjoy creating!