Aplicar la fuente Calibri (Cuerpo) al texto

Question

Tengo un div y en este div quiero mostrar texto en la fuente Calibri (Cuerpo).

¿Cómo puedo hacer esto?

Este es el css se me ha dado:

.an_account_join_1 { 
    float:left; 
    width:100%; 
    color:#000000; 
    font-family:Calibri (Body); 
    letter-spacing:2px; 
    font-size:14px; 
    text-align:center; 
    margin:20px 0px; 
    } 

Ésta es la div:

<div class="an_account_join_1">Individual Free Membership</div> 

no hay un estilo de fuente mostrado con esta familia de fuentes.

Cuando miro la salida de Firebug no hay estilo para la familia de fuentes.

Answer 1

Si hay espacio entre las letras de la fuente, necesita utilizar comillas.

font-family:"Calibri (Body)";

Answer 2

No hay fuentes como “Calibri (Cuerpo)”. Probablemente vio esta cadena en el menú de selección de fuentes de Microsoft Word, pero no es un nombre de fuente (consulte, por ejemplo, la explicación Font: +body (in W07)).

Utilice tan solo font-family: Calibri o, mejor, font-family: Calibri, sans-serif. (No hay una fuente de respaldo adecuada para Calibri, pero las probabilidades son que cuando Calibri no está disponible, la fuente sans-serif predeterminada del navegador se adapta mejor a su diseño que la fuente predeterminada del navegador, que a menudo es una fuente serif)