---
title: "font_face"

doc_type: static
doc_category: static
doc_version: v20270301
source_url:
  html: 'https://developer.shopline.com/docs/sline/filter/font-face'
  md: 'https://developer.shopline.com/docs/sline/filter/font-face.md'
---

# font_face


    Generates a CSS `@font-face` declaration for the given font object.

    



    
`font | font_face()` returns a string.
    



    
        ## Required params

        
             `font` [`font`](https://developer.shopline.com/docs/sline/object/font.md)\: The given font object.
        
    





    
## Example

        
            

            

            

            
<SlineExample path={'/'} objects={ 
    [""] 
}>
```sline
{{{ settings.sort_title_font | font_face() }}}
```
</SlineExample>