How to Use Google Fonts on iPhone and iPad
Install Google Fonts for Pages and Keynote, or use them on every website in Safari. Two different jobs, two different tools, explained step by step.
Google Fonts is a free library of more than 1,900 open-source font families. On a computer, using them is easy. On iPhone and iPad, it depends on where you want the font: in your documents, or on the websites you read. Those are two separate jobs.
Where do you want the font?
| I want the font in… | What to use |
|---|---|
| Pages, Keynote, Numbers, and apps with a font picker | Install the font on your device |
| Websites in Safari | A Safari extension such as FontFlex |
| Both | Both. They don’t conflict |
Part 1: Install Google Fonts for apps
iOS can use fonts you install, but only apps that include a font picker let you choose them.
- Download the font. In Safari, go to fonts.google.com, open a family and tap Get font, then Download all. The file is saved to the Files app as a .zip.
- Unzip it. In Files, tap the .zip to extract the .ttf or .otf files.
- Install it. iOS needs an app to install fonts. Search the App Store for a “font installer” and follow its steps. Most install fonts through a profile you approve in Settings.
- Check it. Open Settings › General › Fonts to see your installed fonts.
- Use it. In Pages, Keynote or another app with font choices, pick the new font from the list.
What this doesn’t do: it won’t change any website. Web pages ask for their own fonts, and Safari keeps using them.
Part 2: Use Google Fonts on every website
To read the web in a Google Font, you need something that restyles pages as they load. That’s what a Safari extension can do.
FontFlex includes the full Google Fonts library inside the app, so there’s nothing to download or install.
- Install FontFlex from the App Store and open it once.
- Go to Settings › Apps › Safari › Extensions, tap FontFlex, turn it on and allow it on all websites.
- In FontFlex, open Google Fonts and browse by category (serif, sans serif, monospace, handwriting, display) or filter by writing system.
- Pick a font. Every website you open in Safari now uses it.
Fonts that make good reading fonts
Some Google Fonts are designed for screens and long reading:
- Atkinson Hyperlegible: made by the Braille Institute so similar letters are easy to tell apart.
- Lexend: built around wider spacing to reduce crowding.
- Inter: clean and neutral, popular on modern websites.
- Source Serif 4 or Literata: comfortable serifs for long articles.
- EB Garamond: a classic book face if you want the web to feel like print.
- JetBrains Mono or Fira Code: monospace fonts for reading code and documentation.
Different fonts for different sites
You don’t need one font for everything. FontFlex profiles let you give news sites a clear sans serif, long-read blogs a serif, and developer docs a monospace font. Each site switches automatically.
Using your own fonts on websites
Bought a font that isn’t on Google Fonts? FontFlex Pro can import TTF and OTF files (up to 10 MB) from the Files app and use them on every website, just like a Google Font. Fonts you import stay on your device.
Troubleshooting
- A site still shows its own font. A few sites block outside fonts or draw text as images. Set a fallback font in FontFlex, or turn FontFlex off for that site.
- Icons turned into boxes. FontFlex leaves icon fonts alone on most sites. If a site’s buttons look wrong, exclude it from the Safari toolbar menu.
- Chinese, Japanese, Korean or Arabic text. Pick a Google Font that supports your writing system. FontFlex can filter the list by script.
