Einer der aktuell beliebtesten Schriftfonts im Web ist zweifelsohne Roboto. Möchte man diesen für seine Webseite nutzen, dann kann man ihn aus der Google-Bibliothek laden. Auf Grund des schlechten Rufs von Google, möchte dies aber nicht jeder, daher besteht die Möglichkeit den Font auch manuell einzubinden.
  Edit  

Zunächst müssen Sie den Schriftfont aus dem Web beschaffen, es gibt viele kostenlose Quellen zu diesem Font. Laden Sie ihn als TTF-Datei herunter, z.B. roboto-light.ttf und laden Sie diesen auf Ihren Webspace der Domain hoch.

Im nächsten Schritt müssen Sie das StyleCheet definieren, in etwa so:

@font-face {
  font-family: 'roboto';
  src:         url('roboto-light.ttf');
}

Mein Schriftfont liegt im Ordner styles, in dem sich auch meine CSS-Vorgaben befinden, also muss keine weitere Pfadangabe gemacht werden. Ab diesem Zeitpunkt können Sie den Schriftfont ganz regulär wie jeden anderen Font im CSS handhaben:

body {
  color:       #333333;
  font-family: roboto, sans-serif;
  font-size:   1.1em;
  line-height: 1.6em;
}

Binden Sie den Font mit den üblichen CSS-Mitteln über die fant-family ein, geben Sie ihm eine Farbe und eine Größe.