@font-face {
  font-family: 'Lato';
  src: url('lato.woff2') format('woff2'),
       url('lato.woff') format('woff'),
       url('lato.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src:  url('latoitalic.woff2') format('woff2'),
        url('latoitalic.woff') format('woff'),
        url('latoitalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Lato';
  src: url('latobold.woff2') format('woff2'),
       url('latobold.woff') format('woff'),
       url('latobold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src:  url('latobolditalic.woff2') format('woff2'),
        url('latobolditalic.woff') format('woff'),
        url('latobolditalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}