@font-face {
    font-family: 'Lato-Regular';
    src: url(font/Lato-Regular.woff) format('woff'),
	 url(font/Lato-Regular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato-Semibold';
    src: url(font/Lato-Semibold.woff) format('woff'),
	 url(font/Lato-Semibold.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato-Bold';
    src: url(font/Lato-Bold.woff) format('woff'),
	 url(font/Lato-Bold.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato-Black';
    src: url(font/Lato-Black.woff) format('woff'),
	 url(font/Lato-Black.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 @font-face {
    font-family: 'Barlow-SemiBold';
    src: url(font/Barlow-SemiBold.woff) format('woff'),
	 url(font/Barlow-SemiBold.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 @font-face {
    font-family: 'Barlow-Regular';
    src: url(font/Barlow-Regular.woff) format('woff'),
	 url(font/Barlow-Regular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Montserrat-B';
    src: url(font/Montserrat-B.woff) format('woff'),
	 url(font/Montserrat-B.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 @font-face {
    font-family: 'Montserrat';
    src: url(font/Montserrat.woff) format('woff'),
	 url(font/Montserrat.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

 @font-face {
    font-family: 'Montserrat-R';
    src: url(font/Montserrat-R.woff) format('woff'),
	 url(font/Montserrat-R.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: 'NotoSerifSC-Bold';
  src: url('font/NotoSerifSC-Bold.woff') format('woff'),
    url('fonts/NotoSerifSC-Bold.ttf') format('truetype');
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: 'NotoSerifSC-Medium';
  src: url('font/NotoSerifSC-Medium.woff') format('woff'),
    url('fonts/NotoSerifSC-Medium.ttf') format('truetype');
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto-Bold';
  src: url('font/Roboto-Bold.woff') format('woff'),
    url('fonts/Roboto-Bold.ttf') format('truetype');
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto-Medium';
  src: url('font/Roboto-Medium.woff') format('woff'),
    url('fonts/Roboto-Medium.ttf') format('truetype');
  font-weight: normal;
  font-display: swap;
}