tipografía CSS

Hola, me estoy iniciando en el html/css y tengo un duda con el body (CSS):

Código HTML :

body {
   text-align:center;
   font-family:Arial, Helvetica, sans-serif;
   font-size:8px;
   background-color:#000;
}

Me gustaría cambiar Arial por otra tipografía (Caviar Dreams) la duda es si la persona que vea la página no tiene instalada esta tipo tendrá problemas para verla.

Si es así, hay alguna forma de resolverlo???

Arigatô/Gracias

para eso existen las familias de tipografias, deberias buscar en internet, asi si no ven una ven la otra.

Con css3 puedes utilizar cualquier tipografía cargandola desde tu proprio servidor, el problema esque no es compatible con versiones viejas de IE, puedes ver mas información aca:

www.w3schools.com/cssref/css3_pr_font-face_rule.asp

También hay otras opciones de utilizar tipografías personalizadas sin recurrir a css3, como google fonts, typekit y cufon, googleando un poco puedes encontrar mas info.

No, no la verá.

Pero hay una solución a esto en CSS. Es usar @font-face. Para ello es necesario que cuentes con el archivo de la fuente tipográfica en formato OTF (OpenType) que es la más compatible con todos los navegadores. Subes el archivo a tu servidor y en tu CSS pones:

Código HTML :

@font-face {
   font-family: "CaviarDreams";
   src: url("fuentes/CaviarDreams.otf") format("opentype");
}
.body {
   font-family: "CaviarDreams";
}

Debes tener en cuenta que por cada peso de la tipografía también debes especificar un @font-face diferente (uno para bold, otro para itálica, etc...).

Si no tienes la fuente tipográfica en OpenType, hay convertidores en línea, busca en Google.