Utilitzar fonts pròpies en una web

Per utilitzar una tipografia pròpia en una web, farem servir aquest codi:

@font-face{
  font-family:xolonium;
  src:url('fonts/xolonium.otf');
}

@font-face{
  font-family:xolonium;
  src:url('fonts/xoloniumbold.otf');
  font-weight:bold;
}

h1{
  font-family:xolonium;
  font-weight:bold;
}

p{
  font-family:xolonium;
}

Lògicament, haurem de disposar dels arxius de la font i carregar-los al servidor... ;)