Changing Font

In react 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/css?family=Poppins:200,200i,300,400,500,600,700,800,900&display=swap"
   rel="stylesheet">

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

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