How to change font of Abantecart Page?

[BengalEmpire767]

I want to change the default font, I have searched but cannot find option to change font anywhere. Please help.

[Basara]

Hello.
The font controlled by your theme CSS. To override theme rules and change the font family in CSS, you can use the following CSS code.

Code Select Expand


<!-- Or in your CSS -->
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

/* Then use the font in your CSS */
body {
    font-family: 'Roboto', sans-serif !important;
}

[BengalEmpire767]

OK, where to use the CSS code?

[Basara]

OK, where to use the CSS code?

You can directly edit your theme's CSS file in hosting filemanager, such as /storefront/view/default/css/style.css or /extensions/novator/storefront/view/novator/css/tm_style.css. Additionally, you can use third-party extensions to modify the CSS https://marketplace.abantecart.com/custom_css

[BengalEmpire767]

Thanks, although it did not work, though that could be a problem on my end. Will check again in a bit.

[Basara]

Thanks, although it did not work, though that could be a problem on my end. Will check again in a bit.

Hello. After you edit the CSS code make sure you clear your browser cache.

[BengalEmpire767]

Nope, did not work for some reason, my css skills are too lackluster to change stuff, I suppose. Clearing browser cache did nothing. I don't know if this is correct or not, but are you just supposed to dump the embed code onto the body section or...?

If it does not work, hopefully I can just manually add the font to each specific place I need it, like the carousel, or the about us page. Unfortunately, I don't have enough time to tinker, and exam's rolling around the corner. My dad's dream online store probably will have to wait... apparently he didn't know making a website was hard.