Recently I have been constantly trying to change font family from style.bundle.css file in assets folder of Vue js template. How can I update my desired fonts in the template as when build is run it caches the default template font. Can you please help!
Hi,
May I know which Metronic version you are using?
If you are using the recent Metronic 8 Vue you can change the font family globally from Google Fonts in the main HTML file: demo1/index.html
and the new font family name into src/assets/sass/components/_variables.override.scss
$font-family-sans-serif: Inter, Helvetica, "sans-serif";
Hello,
Thankyou for your switf reply
Yes I have the latest metronic 8 version, I will not take much of your time but could you please also let me know how can we change font family in laravel template as well.
This would help me a lot
Thanks
BR.
Hi,
Sorry for the late reply.
You can override the default font-style in Larvael the same way by adding a new font family to the file starterkit/resources/_keenthemes/src/sass/components/_variables.override.scss.
After modifying the style file do not forget to rebuild metronic assets with the command npm run dev.
Regards,
Lauris Stepanovs,
Keenthemes Support Team