Simplemente vaya a Google Fonts - http://www.google.com/fonts/ , agregue la fuente que desee a su colección y presione el botón de descarga. Y luego simplemente use @fontface para conectar esta fuente a su página web. Por cierto, si abre el enlace que está utilizando, verá un ejemplo de uso de @fontface
http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600,300
Para un ejemplo
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTaRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}
Simplemente cambie la dirección URL al enlace local en el archivo de fuente que ha descargado.
Puedes hacerlo aún más fácil.
Simplemente descargue el archivo, ha vinculado:
http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600,300
Nómbrelo opensans.css más o menos.
Luego simplemente cambie los enlaces en url () a su ruta a los archivos de fuente.
Y luego reemplace su cadena de ejemplo con:
<link href='opensans.css' rel='stylesheet' type='text/css'>