i cant change the font on my store

nijntjelover · ‎07-30-2024

Hello

I am unable to change my font for body text on my store. tried with the theme in typography but not working. please help

https://b990d6-3.myshopify.com/

tim · ‎07-31-2024

In your layouts/theme.liquid there is this code inside <head> .. </head>:

      html {
        box-sizing: border-box;
        font-size: calc(var(--font-body-scale) * 62.5%);
        height: 100%;
      }
      <style>

      body {
        display: grid;
        grid-template-rows: auto auto 1fr auto;
        grid-template-columns: 100%;

You should delete the <style> line -- there is already opening <style> tag.

You can't nest them, therefore browser ignores the rest of these CSS rules.

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com

View solution in original post

shahrozbabar5 · ‎07-30-2024

Well, i check your store. your theme has by default font style for headings DM Sans and other one is Time Roman, maybe the font you are trying to apply is not in your library. actually what font is it?
but if it is, you need to change it properly by assigning it in code,

and if you are not coder or you need assistance, I can help you and achieve this for you. DM

Need a Shopify Expert and Specialist? Let's chat on WhatsApp +923046983349 and bring your vision to life!

Custom Shopify Store Design | Premium Themes | Variant Apps Expert

Your Coffee Tip a seamless synergy. ☕❤️

vinh0225 · ‎07-30-2024

Hi @nijntjelover

Could you clarify which text you want to change font? Please share a screenshot.

And do you want to change font-family or font-size? Could you explain about your requirement in more detail?

And checking your site, I can find a bug at the bottom of the home page.

Is it necessary to fix?

Regards,

Vinh

Was my response useful?  Click Like to let me know!
Was your query resolved? ✓ Mark it as a Resolved Solution
If you need custom Shopify changes, ⚒️you can hire me.
Contact me at ✉️ jalicorich@gmail.com.

tim · ‎07-31-2024

In your layouts/theme.liquid there is this code inside <head> .. </head>:

      html {
        box-sizing: border-box;
        font-size: calc(var(--font-body-scale) * 62.5%);
        height: 100%;
      }
      <style>

      body {
        display: grid;
        grid-template-rows: auto auto 1fr auto;
        grid-template-columns: 100%;

You should delete the <style> line -- there is already opening <style> tag.

You can't nest them, therefore browser ignores the rest of these CSS rules.

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com

i cant change the font on my store

i cant change the font on my store

Community Blog Articles