# Add font-display to generated @font-face

**URL:** <https://community.sitejet.io/t/add-font-display-to-generated-font-face/4379>\
**Category:** Website Builder Request\
**Created:** [February 20, 2025, 10:50pm UTC](https://community.sitejet.io/t/add-font-display-to-generated-font-face/4379 "2025-02-20T22:50:47Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Geoffrey](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/geoffrey/32/3353_2.png) [@Geoffrey](https://community.sitejet.io/u/Geoffrey)\
**Post date:** [February 20, 2025, 10:50pm UTC](https://community.sitejet.io/t/add-font-display-to-generated-font-face/4379/1 "2025-02-20T22:50:47Z")

</div>

Per now, a generated block for the font-face looks like:

```auto
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url(/g/static/s/montserrat/v29/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
  unicode-range: ...;
}

```

It would be nice to be able to configure (or at least set a default) for the font-display so we can set something like:

```auto
font-display: swap;

```

This would improve pagespeed tests. Ref: [Ensure text remains visible during webfont load &nbsp;|&nbsp; Lighthouse &nbsp;|&nbsp; Chrome for Developers](https://developer.chrome.com/docs/lighthouse/performance/font-display/)