@font-face{
    font-family:Lato;
    font-style:normal;
    font-weight:300;
    src:url(font/Lato-Light.woff2) format('woff2');
    src: url("../font/Lato-Light.eot?#iefix") format('embedded-opentype'),
      url("../font/Lato-Light.ttf") format('truetype'),
      url("../font/Lato-Light.woff") format('woff'),
      url("../font/Lato-Light.woff2") format('woff2'),
      url("../font/Lato-Light.svg#MyFont") format('svg');   
}
@font-face{
    font-family:Lato;
    font-style:normal;
    font-weight:400;
    font-display:swap;
    src:url(font/Lato-Regular.woff2) format('woff2');
    src: url("../font/Lato-Regular.eot?#iefix") format('embedded-opentype'),
      url("../font/Lato-Regular.ttf") format('truetype'),
      url("../font/Lato-Regular.woff") format('woff'),
      url("../font/Lato-Regular.woff2") format('woff2'),
      url("../font/Lato-Regular.svg#MyFont") format('svg'); 
}
@font-face{
    font-family:Lato;
    font-style:normal;
    font-weight:700;
    font-display:swap;
    src:url(font/Lato-Bold.woff2) format('woff2');
    src: url("../font/Lato-Bold.eot?#iefix") format('embedded-opentype'),
      url("../font/Lato-Bold.ttf") format('truetype'),
      url("../font/Lato-Bold.woff") format('woff'),
      url("../font/Lato-Bold.woff2") format('woff2'),
      url("../font/Lato-Bold.svg#MyFont") format('svg'); 
}
@font-face{
    font-family:Lato;
    font-style:normal;
    font-weight:900;
    font-display:swap;
    src:url(font/Lato-Black.woff2) format('woff2');
    src: url("../font/Lato-Black.eot?#iefix") format('embedded-opentype'),
      url("../font/Lato-Black.ttf") format('truetype'),
      url("../font/Lato-Black.woff") format('woff'),
      url("../font/Lato-Black.woff2") format('woff2'),
      url("../font/Lato-Black.svg#MyFont") format('svg'); 
}