# How do we preload fonts?

**URL:** https://discourse.roots.io/t/how-do-we-preload-fonts/21017
**Category:** sage
**Tags:** webpack
**Created:** 2021-06-28T14:53:55Z
**Posts:** 3

## Post 1 by @djmtype — 2021-06-28T14:53:55Z

Upon `production:build` assets are appended with a unique name. IE: Objectivity-Bold\_a184af52.woff2

So how can we preload fonts without knowing what the dynamic name will be?

```
<head>
 <link rel="preload" href="/assets/fonts/Pacifico-Bold_?????????.woff2" as="font" type="font/woff2" crossorigin>
</head>
```

---

## Post 2 by @alwaysblank — 2021-06-28T14:59:32Z

The production manifest stores the mappings of built files. You can use the `@asset` directive in your blades to get the correct url.

---

## Post 3 by @djmtype — 2021-06-28T15:08:33Z

Beautiful. thank you!
