/**
    Created by JOS 02.12.2021
    The new tailwind theme for syncfusion components uses a Google font called Inter
    To keep consistency we want to use this font application wide along with Nunito

    I decided to call the font Open Sans so we don't have to change a bunch of css files
    This is not optimal but with eyes on PrimeOnline 2.0 I think this is fine.
    It should be handled properly in 2.0
*/

@font-face {
    font-family: 'Open Sans';
    font-weight: 300;
    font-style: normal;
    src:  url('../fonts/Inter-300/Inter-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-weight: 400;
    font-style: normal;
    src:  url('../fonts/Inter-400/Inter-Regular.ttf') format('truetype');
}
  
@font-face {
    font-family: 'Open Sans';
    font-weight: 600;
    font-style: normal;
    src:  url('../fonts/Inter-600/Inter-SemiBold.ttf') format('truetype');
}
  
@font-face {
    font-family: 'Open Sans';
    font-weight: 700;
    font-style: normal;
    src:  url('../fonts/Inter-700/Inter-Bold.ttf') format('truetype');
}  

@font-face {
    font-family: 'Open Sans';
    font-weight: 800;
    font-style: normal;
    src:  url('../fonts/Inter-800/Inter-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-weight: 300;
    font-style: normal;
    src:  url('../fonts/Inter-300/Inter-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-weight: 400;
    font-style: normal;
    src:  url('../fonts/Inter-400/Inter-Regular.ttf') format('truetype');
}
  
@font-face {
    font-family: 'Inter';
    font-weight: 600;
    font-style: normal;
    src:  url('../fonts/Inter-600/Inter-SemiBold.ttf') format('truetype');
}
  
@font-face {
    font-family: 'Inter';
    font-weight: 700;
    font-style: normal;
    src:  url('../fonts/Inter-700/Inter-Bold.ttf') format('truetype');
}  

@font-face {
    font-family: 'Inter';
    font-weight: 800;
    font-style: normal;
    src:  url('../fonts/Inter-800/Inter-ExtraBold.ttf') format('truetype');
}