How can I change the font in my scrolling banner to a custom one?

hushbug
Excursionist
38 0 4

hi!

 

i have a scrolling banner on my website and i want to change its font to a custom font. 

 

here's my website

 

thanks in advance!

Replies 5 (5)

AnneLuo
Shopify Partner
414 84 79

You can try this code by following these steps:

Step 1: Online Stores > Themes > Edit code

Step 2: Put your custom font file into the assets folder

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

 

<style>
   @font-face {
     font-family: 'your font name';
     src: url('{{'your font name.woff' | asset_url}}');
   }
</style>

 

 

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

 

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee
hushbug
Excursionist
38 0 4

hey, this didnt work. is there anything else i can try?

AnneLuo
Shopify Partner
414 84 79

Hi. After completing the above operation, you also need to modify the font of the banner. Did you do it?

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee
hushbug
Excursionist
38 0 4

yes, it still didnt work

AnneLuo
Shopify Partner
414 84 79

Hi. Maybe there's a problem somewhere. If possible, I can help you directly modify it.

So I need to access your store as a collaborator if possible.

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee