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

Vizono
Explorer
66 0 9

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

 
Replies 4 (4)

iffikhan30
Shopify Partner
246 35 44

Hello @Vizono ,

 

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

 

iffikhan30_0-1703485916858.png

 

Custom theme and app [remix] expert.

Email: irfan.sarwar.khan30@gmail.com
Chat on WhatsApp
Vizono
Explorer
66 0 9

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
Shopify Partner
246 35 44

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 %}

 

Custom theme and app [remix] expert.

Email: irfan.sarwar.khan30@gmail.com
Chat on WhatsApp

PageFly-Richard
Shopify Partner
4322 980 1639

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.

PageFlyRichard_0-1703668255555.png

 

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.