Skip to content

font_face

Emits the @font-face CSS for a font setting.

Syntax

{{ settings.heading_font | font_face }}

Example

{{ settings.heading_font | font_face: font_display: "swap" }}

Output:

@font-face { font-family: "Inter"; src: url(…woff2) …; font-display: swap; }