---
title: "Liquid filters: font_url"
description: Returns the [CDN URL](/themes/best-practices/performance/platform#shopify-cdn) for the provided font in `woff2` format.
api_name: liquid
source_url:
  html: https://shopify.dev/docs/api/liquid/filters/font_url
  md: https://shopify.dev/docs/api/liquid/filters/font_url.md
---

# font\_​url

```oobleck
font | font_url
```

returns [string](https://shopify.dev/docs/api/liquid/basics#string)

Returns the [CDN URL](https://shopify.dev/themes/best-practices/performance/platform#shopify-cdn) for the provided font in `woff2` format.

```liquid
{{ settings.type_header_font | font_url }}
```

##### Code

```
{{ settings.type_header_font | font_url }}
```

##### Data

```
{
  "settings": {
    "type_header_font": {}
  }
}
```

## Output

```html
//polinas-potent-potions.myshopify.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2?h1=cG9saW5hcy1wb3RlbnQtcG90aW9ucy5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=44321b814b39f99d7a57aed524c140f4c10ef8f09b31a607e95e7810bf07decb
```

### woff format

```oobleck
font | font_url: string
```

By default, the `font_url` filter returns the [CDN URL](https://shopify.dev/themes/best-practices/performance/platform#shopify-cdn) for the font in `woff2` format. However, you can also choose `woff` format.

```liquid
{{ settings.type_header_font | font_url: 'woff' }}
```

##### Code

```
{{ settings.type_header_font | font_url: 'woff' }}
```

##### Data

```
{
  "settings": {
    "type_header_font": {}
  }
}
```

## Output

```html
//polinas-potent-potions.myshopify.com/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff?h1=cG9saW5hcy1wb3RlbnQtcG90aW9ucy5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=1776c6cf10ada605c03c3291c2db78487fed84434a95b4e6c0c9822239e63c47
```