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

Store Design
1

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

2

Hello @Vizono ,

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

iffikhan30_0-1703485916858.png
iffikhan30_0-1703485916858.png929×682 48.1 KB

3

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

4

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

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
PageFlyRichard_0-1703668255555.png724×133 5.09 KB

Please add this code to your theme.liquid above the 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

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