/*

for example, if you want Lato-Black, use font-weight: 900

Available weights:

200 Hairline (extra light)
300 Light
400 (normal) Normal
700 (bold) Bold
900 (ultra bold) Ultra Bold

*/

@font-face {
  font-family: 'lato';
  font-style: normal;
  font-weight: 100;
  src: url(Lato-Hairline.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: italic;
  font-weight: 100;
  src: url(Lato-HairlineItalic.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: normal;
  font-weight: 200;
  src: url(Lato-Thin.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: italic;
  font-weight: 200;
  src: url(Lato-ThinItalic.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: normal;
  font-weight: 300;
  src: url(Lato-Light.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: italic;
  font-weight: 300;
  src: url(Lato-LightItalic.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: normal;
  font-weight: 400;
  src: url(Lato-Regular.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: italic;
  font-weight: 400;
  src: url(Lato-Italic.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: normal;
  font-weight: 500;
  src: url(Lato-Medium.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: italic;
  font-weight: 500;
  src: url(Lato-MediumItalic.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: normal;
  font-weight: 600;
  src: url(Lato-Semibold.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: italic;
  font-weight: 600;
  src: url(Lato-SemiboldItalic.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: normal;
  font-weight: 700;
  src: url(Lato-Bold.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: italic;
  font-weight: 700;
  src: url(Lato-BoldItalic.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: normal;
  font-weight: 800;
  src: url(Lato-Heavy.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: italic;
  font-weight: 800;
  src: url(Lato-HeavyItalic.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: normal;
  font-weight: 900;
  src: url(Lato-Black.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: italic;
  font-weight: 900;
  src: url(Lato-BlackItalic.woff2) format('woff2');
  font-display: swap;
}