@font-face {
  font-family: 'Open Sans';
  src: url('OpenSans-Regular.ttf');
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans Light';
  src: url('OpenSans-Light.ttf');
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans Medium';
  src: url('OpenSans-Medium.ttf');
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans SemiBold';
  src: url('OpenSans-SemiBold.ttf');
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans Bold';
  src: url('OpenSans-Bold.ttf');
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans ExtraBold';
  src: url('OpenSans-ExtraBold.ttf');
  font-display: swap;
}