---
title: "Same font loaded in several modules (perf/font-duplicate)"
description: "Every next/font call is hosted as its own instance: the same family loaded in two modules is downloaded twice."
url: http://localhost:4173/rules/perf/font-duplicate
updated: 2026-11-11
---

# Same font loaded in several modules

> `perf/font-duplicate` is a vetd rule. It flags: Same font loaded in several modules. It runs on every `check`, together with the TypeScript check.

| Fact | Value |
| --- | --- |
| Rule id | `perf/font-duplicate` |
| Severity | warning |
| Group | Performance: fonts, images, scripts and bundle |
| Tags | performance, nextjs-16 |

## Why it matters

Every next/font call is hosted as its own instance: the same family loaded in two modules is downloaded twice.

## How to fix it

Load each font once in a shared module (e.g. app/fonts.ts) and import the font object where you need it.

## Credit

Based on work by:

- [Next.js team](https://nextjs.org): Each next/font call creates its own hosted font instance, so the docs advise creating a font once and importing it where needed.

## References

- [Font Module](https://nextjs.org/docs/app/api-reference/components/font), Next.js
- [Font Optimization](https://nextjs.org/docs/app/getting-started/fonts), Next.js

## See it

Demos in the vetd Lab:

- [Load fonts with next/font](http://localhost:4173/lab/nextjs/next-font)

## Related rules

- [`perf/font-module-scope`](http://localhost:4173/rules/perf/font-module-scope.md)
- [`perf/font-weights`](http://localhost:4173/rules/perf/font-weights.md)

## Get this text from vetd

MCP: call `explain` with `{ "diagnosticId": "perf/font-duplicate" }`. CLI: `npx vetd explain perf/font-duplicate`.

---

[All 92 rules](http://localhost:4173/rules.md) · Previous: [`perf/font-weights`](http://localhost:4173/rules/perf/font-weights.md) · Next: [`perf/img-element`](http://localhost:4173/rules/perf/img-element.md)