Nav bar Font change not working

[aurumlux]

Ive looked at other forums just cant get it to work for some reason. I can change it to sans serif but I tried the others but it wouldnt change to the selected font, it would just change to a default font. 

I did this for now in my base.css file. but if i try any other font, they all look the same so it must be a default

ul.list-menu.list-menu--inline li {
    margin: auto 10px;
    font-family: sans-serif;
}

[aurumlux]

Dawn theme btw

[steve_michael2]

Hi @aurumlux ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.
try this code if this code not working then provide your store URL please and if it is password protected, please share the password as well. Thanks 

ul.list-menu.list-menu--inline li {
    margin: auto 10px !important;
    font-family: sans-serif !important;
}

[aurumlux]

it works but when i try touse the "inter" font, it doesnt work. Looks good enough with sans serif but if I could experiment with others, it would help

[steve_michael2]

@aurumlux ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<link rel="preconnect" href="https://fonts.googleapis.com">

<style>
ul.list-menu.list-menu--inline li {
     font-family: "Inter", sans-serif ;
}
</style>

[aurumlux]

hmmm still didnt work, ill come back to this in a few days. and ill give you the link etc to look into it further

[steve_michael2]

This is just 2 minutes of work, give me the URL.

[aurumlux]

https://2zvy3oanyov0npib-89242534237.shopifypreview.com

ignore rest of the pages lol, ive just started working on it

[steve_michael2 · Accepted solution]

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">

This code is working.

Result:

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

[steve_michael2]

@aurumlux ,

"If it still doesn't work after the solution provided above, try this; it will make the Inter font work."

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');