Change font in theme

[Mrstep]

Hello I am trying to change the font in my current theme. I believe the secondary font I am trying to change is called Playfair Display font and I am trying to change it to Avenir Next font. Where is it that I can change the font. When trying to change inside of the font area in the settings it changing the wrong font. Please help. 

[Sonya_2025]

Hi @Mrstep 

Pls share your store url and provide more details about how you change the font.

[Liquid_xPert_SJ]

Hi @Mrstep,

@Mrstep  If in the theme settings the required font is not updating, you need to download the Avenir Next from the web and upload it into your theme assets files and include that files into your theme css file method is below  
Step 1:
 Download the Font and convert it into .woff2 or .woff format.  
 Step 2:
 Upload in the Asset Folder.  
 Step 3 :
 Add some CSS Code in the CSS file at the bottom. which is written below  If you are using the .woff format then use the below code  
 

<style>
@font-face {
 font-family: 'Avenir Next ';
 src: url('Avenir Next .woff') format('woff');
 font-style: normal;
}
tagname or .classname or #id {
    font-family: Avenir Next;
}
If you are using .woff2 format then use below code  @font-face {
    font-family: 'Avenir Next ';
    src: url('Avenir Next .woff2') format('woff2');
    font-style: normal;
}
tagname or .classname or #id {
    font-family: Avenir Next;
}
</style>

 do let me know if you need my help 🙂