How to override a .less file from custom theme?

Question

I am using Argento theme for Magento 2 store. Now I would like to change the font to different Google font.

I saw a file located in vendor/swissup/theme-frontend-argento-home/web/css/source/argento_theme/base/_fonts.less, which has the theme fonts.

What it will take to replace this file with my custom font setup?

Just adding a new font to any element will work, but I would like to keep the theme more lightweight.

Mahmoud M. Abdelmalek · Accepted Answer · 2023-07-20 12:17:29Z

1

Create custom theme and extend Argento Theme app/design/frontend/<your_vendor_name>/<your_theme_name>
edit _typography.less or _fonts.less in your theme with any text editor
copy the edited file to app/design/frontend/<your_vendor_name>/<your_theme_name>/web/css/source/
Add font files to your local theme directory. For example, app/design/frontend/<your_vendor_name>/<your_theme_name>/web/fonts

answered Jul 20 at 12:17

314 bronze badges

Did this already not working
– Duke
Jul 20 at 12:21
It should be working that way, maybe cached or something?
– Mahmoud M. Abdelmalek
Jul 20 at 12:23
I can see the other changes to styles, only this is not in effect
– Duke
Jul 20 at 12:24
It works! I was confused as the fallback font also looks almost similar. Thank you for the efforts
– Duke
Jul 20 at 12:43
You're welcome ^^ don't forget to mark this answer as useful
– Mahmoud M. Abdelmalek
Jul 20 at 12:56

Add a comment |

Philipp Sander · Accepted Answer · 2023-07-20 12:02:37Z

0

The cleanest way i can think of right now would be creating a custom theme that extends Argento theme and creating a custom _font.less there.

answered Jul 20 at 12:02

Philipp Sander

1,7132 gold badges13 silver badges27 bronze badges

Using a child theme already, and tried this way but not working
– Duke
Jul 20 at 12:21
then you're doing something wrong and we need more information.
– Philipp Sander
Jul 20 at 12:29
It works! I was confused as the fallback font also looks almost similar. Thank you for the efforts
– Duke
Jul 20 at 12:43

Add a comment |

2 Answers 2