---
title: "Asset.font ViewHelper <vite:asset.font>"
manual: "Vite AssetCollector"
version: "main"
permalink: "https://docs.typo3.org/permalink/praetorius/vite-asset-collector:viewhelper-asset-font@main"
source: "Reference/ViewHelpers/AssetFont.rst"
rendered: "2026-11-08T20:31:06+00:00"
---

# Asset.font ViewHelper `<vite:asset.font>` {#viewhelper-asset-font}

The `<vite:asset.font>` ViewHelper allows to customize the preloading of
fonts referenced by the entry point of the `<vite:asset>` ViewHelper, for
example fonts used in CSS files. It can only be used as a direct child
element of `<vite:asset>`.

By default, only fonts in the woff2 format are preloaded, as all current
browsers support it. Other formats are usually only fallbacks for legacy
browsers.

See [\<vite:asset>](https://docs.typo3.org/permalink/praetorius/vite-asset-collector:viewhelper-asset@main)
for more examples.

## Example: Disable preloading of fonts {#example-disable-preloading-of-fonts}

```html
<vite:asset entry="EXT:sitepackage/Resources/Private/JavaScript/Main.entry.js">
    <vite:asset.font preload="{false}" />
</vite:asset>
```

**Arguments**

The following arguments are available for the asset.font ViewHelper:

-   **formats**

    -   *Type:* string
    -   *Default:* 'woff2'

    Comma-separated list of file extensions that should be preloaded (default: woff2). If empty, all fonts are preloaded.

-   **preload**

    -   *Type:* bool
    -   *Default:* true

    Set to "false" if referenced fonts should not be preloaded.