Changing Font

In vue version change with scss file.

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

   <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=Heebo:wght@300;400;500;600;700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,300;1,400;1,500&display=swap" rel="stylesheet">

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

   $font-family-monospace: 'TeXGyreAdventor',
     sans-serif,
     "Apple Color Emoji",
     "Segoe UI Emoji",
     "Segoe UI Symbol",
     "Noto Color Emoji" !default;
   $font-family-sans-serif: 'Roboto',
     sans-serif,
     "Liberation Mono",
     "Courier New",
     monospace !default;