Pobieranie czcionki przy ładowaniu strony

Witam,
jak mogę zrobić, aby przy ładowaniu strony pobierało mi czcionkę?

Np. tak:

/* --- Lato - normal --- */
@font-face {
  font-family:'Lato';
  font-style:normal;
  font-weight:normal; /* normal = 400; */
  src: url('/dane_fonty/lato-regular.eot'); /* ie */
  src: local('Lato Normal'), local('Lato-Normal'),
    url('/dane_fonty/lato-regular.woff2') format('woff2'),
    url('/dane_fonty/lato-regular.woff') format('woff'),
    url('/dane_fonty/lato-regular.ttf') format('ttf'),
    url('/dane_fonty/lato-regular.eot') format('eot');
}
/* --- /Lato - normal --- */

/* --- Lato - bold --- */
@font-face {
  font-family:'Lato';
  font-style:normal;
  font-weight:bold; /* bold = 700; */
  src: url('/dane_fonty/lato-bold.eot'); /* ie */
  src: local('Lato Bold'), local('Lato-Bold'),
    url('/dane_fonty/lato-bold.woff2') format('woff2'),
    url('/dane_fonty/lato-bold.woff') format('woff'),
    url('/dane_fonty/lato-bold.ttf') format('ttf'),
    url('/dane_fonty/lato-bold.eot') format('eot');
}
/* --- /Lato - bold --- */

HTML {
  font-family: 'Lato', Arial, Helvetica, sans-serif;
}