---
title: "Google Fonts loaded via `<link>` / `@import` (lint/google-fonts-link)"
description: "lint/google-fonts-link: A stylesheet from fonts.googleapis.com is render-blocking, costs two extra origins (DNS+TLS) before text can paint, can't be…"
canonical: https://void-design.vercel.app/rules/lint/google-fonts-link
lastModified: 2026-09-16
---

# Google Fonts loaded via `<link>` / `@import`

`lint/google-fonts-link` · severity **warn** · category Lint · detected by `void lint` and `void audit`

## Why it matters

A stylesheet from fonts.googleapis.com is render-blocking, costs two extra origins (DNS+TLS) before text can paint, can't be preloaded reliably and causes font-swap CLS. It also leaks visitor IPs to a third party.

## How to fix it

Use `next/font/google` (self-hosted at build time, with metric-matched fallbacks) or self-host WOFF2 files with `@font-face` + `font-display: swap`.

## Example

```ts
import { Inter } from 'next/font/google'
export const inter = Inter({ subsets: ['latin'], display: 'swap', variable: '--font-sans' })
```

## References

- https://nextjs.org/docs/app/getting-started/fonts

## More lint rules

`void lint` reports 67 rules in this category. Static source checks with no browser: Tailwind v4 silent failures, Next.js 16 API traps, React render-body bugs, accessibility markup, SEO files and motion hygiene.

- `img-raw` Raw `<img>` in a Next.js app — [lint/img-raw](https://void-design.vercel.app/rules/lint/img-raw)
- `img-missing-dimensions` Image without width/height (or fill / aspect-ratio) — [lint/img-missing-dimensions](https://void-design.vercel.app/rules/lint/img-missing-dimensions)
- `image-priority-deprecated` `priority` on `next/image` is deprecated in Next 16 — [lint/image-priority-deprecated](https://void-design.vercel.app/rules/lint/image-priority-deprecated)
- `missing-alt` Image without `alt` — [lint/missing-alt](https://void-design.vercel.app/rules/lint/missing-alt)
- `font-display` `@font-face` without `font-display` — [lint/font-display](https://void-design.vercel.app/rules/lint/font-display)
- `too-many-font-families` More than 3 font families loaded — [lint/too-many-font-families](https://void-design.vercel.app/rules/lint/too-many-font-families)
- `script-strategy` Third-party script loads too early — [lint/script-strategy](https://void-design.vercel.app/rules/lint/script-strategy)
- `browser-global-in-render` Browser global (`window`, `document`, `navigator`, `localStorage`) at module scope or during render — [lint/browser-global-in-render](https://void-design.vercel.app/rules/lint/browser-global-in-render)

Detected by `void lint` and `void audit`. Explain it in a terminal: `void rules lint/google-fonts-link`