Skip to content

Google Fonts

Google Fonts offers typefaces for web use, with a hosted stylesheet service and font files you can use under their individual licenses.

Visit Google Fonts

Who serves the font to your visitors?

A Google Fonts stylesheet makes the browser request the font through Google’s service. You can also serve a permitted font file with your own site. Decide which setup fits your privacy and maintenance needs.

Start with the families and weights your screen needs. Name a fallback in your styles so the browser has another font when the first cannot load.

What should you keep when you distribute a font?

Check the exact family’s license. For example, Inter is listed under the SIL Open Font License. For a bundled copy, keep the accompanying copyright notice and license. Read the conditions before changing or renaming a font file.

Record the family, source, files and weights you actually use. A new family can have different terms or different character coverage.

How can you plan for a missing font?

Sketch an invoice row with a long button label and a fictional name with an accented letter. Use no font download or site change.

  1. Write the fallback
    Write down a fallback that is available on the intended device, or a generic family such as sans-serif.
  2. Draw the wider result
    Give the text more room in the sketch. Check whether the name and button label still fit and mark the characters to try on a real test screen.