How can I change the menu font to Afical Std Medium?

[Vizono]

I want to change my menu font to Afical Std Medium, how can I do it, thanks!

[iffikhan30]

Hello @Vizono ,

You can add the font schema on your header liquid file and call on css for menu.

[Vizono]

Hello. Thanks for answering, but since I'm not sure how to code, can I have a more detailed guide of what should I do ? Muchly appreciated

[iffikhan30]

Hello,

1) You can add this code on your header.liquid schema.

2) Same liquid file, add css 

{% style %}

.YOUR_MEUN_CLASS{

font-family: "YOUR FONT FAMILY NAME";

font-weight : 400 [it's up to you want show normal use 400]
}

{% endstyle %}

[PageFly-Richard]

Hi @Vizono 

This is Richard from PageFly - Shopify Page Builder App

First of all, make sure you having an Afical Std Medium.woff2 file uploaded to Shopify Content - and get the link by click on this button. After that follow the guide below.

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
@font-face {
    font-family: "Afical Std Medium";
    src: url('insert the url here') format("woff2");
}
.menu-lv-1__action, .menu--mobile-lv-1__action {
font-family: "Afical Std Medium" !important;
}
</style>

The most important thing is you need to upload the font to Shopify first and insert the correct link to URL 

Hope this can help you solve the issue 

Best regards,

Richard | PageFly