Get 2025 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$ 
change Font-family in react
I want to change font family to Cairo
i try change $font-family-sans-serif in "_variables.scss"
$font-family-sans-serif: "Cairo", Helvetica, "sans-serif" !default;and add this link to index.html
<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=Cairo:wght@200..1000&display=swap" rel="stylesheet">but it is not running
Replies (5)
Hi,
Sorry for the delayed reply.
May I know which Metronic version are you using ?
Can you retry it without !default ?
$font-family-sans-serif: "Cairo", Helvetica, "sans-serif";Regards.
not workHi,
May I know which Metronic version are you using ?
Are you restarting your app after the changes to recompile the assets ?
Regards.
VITE_APP_VERSION=v8.2.3
Hi,
Could you please put it in src/_metronic/assets/sass/components/_variables.custom.scss:
$font-family-sans-serif: Cairo, Helvetica, "sans-serif";Regards.
