How can I add custom fonts to the Flex theme on Shopify Plus?

Shopify Plus
1

I am using the Shopify plus and going to add custom fonts to the store.
My Shopify theme name is flex.

How can I add custom fonts to the flex theme?

2

Hello @Aneliya ,

Follow these steps:

  1. Go to Online Store → Theme → Scroll down to assets folder → Upload the font files

  2. Edit css file of the theme and at the bottom of the file add this code

@font-face {
        font-family: 'FontName';
        src: url('FontName.eot');
        src: url('FontName.eot?iefix') format('eot'),
             url('FontName.woff') format('woff'),
             url('FontName.ttf') format('truetype'),
             url('FontName.svg#webfontZam02nTh') format('svg');
        font-weight: normal;
        font-style: normal; }

Changes the values wit the fonts you want to use.

  1. last assign the fonts family to the elements
    e.g.
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a, #nav li a{
font-family: 'FontName' !important;
}

Thanks

3

Thank you for your response.
I tried above solution but the font doesn’t work.
https://prnt.sc/ho_RiL0mNwF4

4

Guleria’s suggestion is right, but of course, it needs some changes that are only possible for a developer. If you could share your store URL with me in private, I can walk you through the entire process and it’s free of charge. I’m just trying to make my reputation here. :slightly_smiling_face: