How to use
- Pick a curated pair or choose heading and body fonts.
- Type your own sample text and adjust sizes.
- Copy the embed code.
Worked example
Fraunces for headings with Inter for body text, at 40 px / 17 px.
Supported formats and limits
| Output | CSS, HTML link tags |
|---|---|
| Engine | Curated pairs; fonts loaded on demand from Google Fonts |
Limitations
- Previewing loads font files from Google Fonts (fonts.googleapis.com), which receives your IP address.
Questions
What is sent to Google when I preview fonts?
Your browser requests the stylesheet from fonts.googleapis.com and the font files from fonts.gstatic.com for the fonts you preview, so Google receives your IP address and the font names. The sample text you type is not sent.
How do I use the pair on my site?
Copy the single link tag and the CSS font-family rules. They load only the families and weights you picked.
Privacy
Uses a public service. Your browser sends only what is listed below (for example a domain name) to the named public service. No files or other content are sent.
- Google Fonts: Requests for the stylesheet (fonts.googleapis.com) and font files (fonts.gstatic.com) of the fonts you preview; Google receives your IP address and the font names. Your sample text is not sent.
See the privacy policy for how toolsdocks handles data.