ayuda con font-family

albertrc · #1 (**permalink**) 29/01/2010, 06:41

tengo linux(fedora) firefox3.6,opera 10.10, google chrome 4.0.249.43 me funciona con todos a la perfección

Código:

body{ 
font-family:sans-serif,DejaVu Sans;
font-size: 16px;
}

con windows xp firefox 3.6, opera 10.10, safari 4, google chrome 4, internet explorer 8
no pilla el font family tambien he intentado de poner MS Sans Serif, Microsoft Sans Serif, verdana y tahoma

y con mac no lo puedo probar porque no tengo mac

en las paginas html utilizo <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

Zerjillo · #2 (**permalink**) 29/01/2010, 08:08

¿A que te refieres con "que no te funciona"?. ¿Que pasa exactamente? Por otro lado, si una fuente tiene espacios en blanco hay que ponerla con "".

Un saludo

Zerjillo

AlbertoGarcia · #3 (**permalink**) 29/01/2010, 08:39

Hola! Varias cosas: la fuente que quieres usar no forma parte de las web-safe fonts, por lo tanto corres el riesgo de que muchos usuarios no la tengan instalada y por lo tanto no vean tu sito con esa fuente. Segundo, la regla está mal construida, como te dice Zerjillo, si el nombre de una fuente tiene espacios en blanco hay que declararla entre comillas, y la familia a la que pertenece la fuente se hace al final de la declaración, ya que por norma los navegadores renderizan la primera fuente que tengan instalada recorriendo la declaración de izquierda a derecha. Es decir, teniendo en cuenta la regla de abajo, los navegadores primero buscarán la DejaVu y si no la encuentran continuarán con la Arial, y si no dispone de ninguna de ellas renderizará la página con la fuente sans-serif que tenga como predeterminada en su propia hoja de estilos. Por lo tanto si declaras como primera opción sans-serif, el navegador usará la sans-serif que tenga predeterminada.

Código CSS:

Ver originalbody { 
font-family: "DejaVu Sans", Arial, Helvetica, sans-serif;
font-size: 16px;
}

Salud!

albertrc · #4 (**permalink**) 29/01/2010, 10:41

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es">

ya tengo el problema resuelto estaba en el lang="esp" i tiene que ser lang="es"

daPhyre · #5 (**permalink**) 29/01/2010, 12:30

Cita:

Iniciado por albertrc

ya tengo el problema resuelto estaba en el lang="esp" i tiene que ser lang="es"

¿¡Esto influye de alguna forma el font-family!? oO

Tampoco supe cual era el error que decía, yo también pensé que era por el orden de la declaración...

AlbertoGarcia · #6 (**permalink**) 29/01/2010, 22:16

Cita:

Iniciado por albertrc

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es">

ya tengo el problema resuelto estaba en el lang="esp" i tiene que ser lang="es"

Nunca había visto que un error declarando el idioma en el DOCTYPE diera como resultado que no se renderize la fuente declarada en la hoja de estilos. Como me ha sorprendido tu respuesta he recreado tu error y no me da ese problema que dices. Debe de haber algo que no nos has contado...

Salud!