Changing Font

In react version change with scss file.

1. Go to index.html and update google fonts link.

   <link rel="stylesheet"href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"/>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap">

2. Go to src/assets/scss/socialv-design-system/_variable.scss and change font family variable.

   $font-family-sans-serif: 'Plus Jakarta Sans', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol","Noto Color Emoji" !default;
   $font-family-monospace: 'Plus Jakarta Sans' ,SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;