@font-face {
  font-family: 'Icon';
  src: url('../font/MyIconSet/my-icon-set.woff2') format('woff2'),
    url('../font/MyIconSet/my-icon-set.woff') format('woff');
  font-display: swap;
}

/* ADOR */
@font-face {
  font-family: 'Title-Regular';
  src: url('../font/Ador/Ador-Regular.woff2') format('woff2'),
    url('../font/Ador/Ador-Regular.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Title-Bold';
  src: url('../font/Ador/Ador-Bold.woff2') format('woff2'),
    url('../font/Ador/Ador-Bold.woff') format('woff');
  font-display: swap;
}

/* RED HAT -- VARIABLE */
/* font-weight: a value from 300 to 900 */
/* @font-face {
  font-family: 'RedHat';
  src: url('../font/RedHatDisplay/RedHatDisplay-VariableFont_wght.ttf') format('truetype');
  font-weight: 300 900;
  font-style: normal; 
} */

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

@font-face {
  font-family: 'Regular';
  src: url('../font/RedHatDisplay/RedHatDisplay-VariableFont_wght.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Medium';
  src: url('../font/RedHatDisplay/RedHatDisplay-VariableFont_wght.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SemiBold';
  src: url('../font/RedHatDisplay/RedHatDisplay-VariableFont_wght.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bold';
  src: url('../font/RedHatDisplay/RedHatDisplay-VariableFont_wght.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: 'Black';
  src: url('../font/RedHatDisplay/RedHatDisplay-VariableFont_wght.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* ROBOTO CONDENSED VARIABLE*/
/* font-weight: a value from 100 to 900 */
@font-face {
  font-family: 'Roboto';
  src: url('../font/Roboto2014/Roboto-Regular.woff2') format('woff2'),
    url('../font/Roboto2014/Roboto-Regular.woff') format('woff');
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* @font-face {
  font-family: 'Cond-Regular';
  src: url('../font/RobotoCondensed/RobotoCondensed-VariableFont_wght.ttf') format('truetype');
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Cond-Medium';
  src: url('../font/RobotoCondensed/RobotoCondensed-VariableFont_wght.ttf') format('truetype');
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Cond-SemiBold';
  src: url('../font/RobotoCondensed/RobotoCondensed-VariableFont_wght.ttf') format('truetype');
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Cond-Bold';
  src: url('../font/RobotoCondensed/RobotoCondensed-VariableFont_wght.ttf') format('truetype');
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Cond-ExtraBold';
  src: url('../font/RobotoCondensed/RobotoCondensed-VariableFont_wght.ttf') format('truetype');
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Cond-Black';
  src: url('../font/RobotoCondensed/RobotoCondensed-VariableFont_wght.ttf') format('truetype');
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
} */