[Ovillo] Tipografías multiplataforma
Hola listeros:
Primero que nada discúlpenme si este tema se ha tocado anteriormente
aquí pero no logro encontrar referencia en ningún lado, quizás porque
soy un mal googleador.
La cuestión es que estoy desarrollando un sitio y quiero que se vea lo
más semejante posible en los 3 SO más usados: Windows, MacOS y Linux.
Necesito algún tipo de referencia donde leer algo al respecto y además
de que tamaño base dar a las fuentes y con esto me refiero a:
body { font-size: 82.5%; }
para a partir de ahí comenzar a dar las unidades en EM o %.
-
Salu2
Ing. Reynier Pérez Mira
Grupo de Soporte al Desarrollo - Dirección Técnica IP
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Tipografías multiplataforma
Dan Decerholm, en su libro Bulletproof Web Design, recomienda dos métodos
escalables y accesibles y por lo tanto multinavegador:
Por valor absoluto y palabras clave
1. body { font-size: small; }
* html body { font-size: x-small; } /* Hack de estrella para todos los IE
*/
* html body { f\ont:size: small; } /* hack de estrella para ajustar
tamaño a IE6 */
¿ Alguien tiene la dirección web donde se puede consultar este método ?
2. Por valor relativo % / em
body { font-size: 62.8% } /* prepara el tamaño genérico para equilibrar
1em = 10px */
h1 { 2em; } /* 20px */
¿ Alguien conoce el nombre de éste método ?
saludos,
chr5
[1] http://simplebits.com/publications/bulletproof/
El 20 de agosto de 2008 16:51, Reynier Pérez Mira [EMAIL PROTECTED] escribió:
Hola listeros:
Primero que nada discúlpenme si este tema se ha tocado anteriormente
aquí pero no logro encontrar referencia en ningún lado, quizás porque
soy un mal googleador.
La cuestión es que estoy desarrollando un sitio y quiero que se vea lo
más semejante posible en los 3 SO más usados: Windows, MacOS y Linux.
Necesito algún tipo de referencia donde leer algo al respecto y además
de que tamaño base dar a las fuentes y con esto me refiero a:
body { font-size: 82.5%; }
para a partir de ahí comenzar a dar las unidades en EM o %.
-
Salu2
Ing. Reynier Pérez Mira
Grupo de Soporte al Desarrollo - Dirección Técnica IP
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Tipografías multiplataforma
Creo que el segundo método es de Richard Rutter y yo lo vi hace bastante
aquí:
- http://clagnut.com/blog/348/
Aunque el autor publicó no hace demasiado una recopilación en A list
Apart con ése y otros métodos :
- http://www.alistapart.com/articles/howtosizetextincss/
Un saludo
Mario
Carlos Marrero escribió:
Dan Decerholm, en su libro Bulletproof Web Design, recomienda dos métodos
escalables y accesibles y por lo tanto multinavegador:
Por valor absoluto y palabras clave
1. body { font-size: small; }
* html body { font-size: x-small; } /* Hack de estrella para todos los IE
*/
* html body { f\ont:size: small; } /* hack de estrella para ajustar
tamaño a IE6 */
¿ Alguien tiene la dirección web donde se puede consultar este método ?
2. Por valor relativo % / em
body { font-size: 62.8% } /* prepara el tamaño genérico para equilibrar
1em = 10px */
h1 { 2em; } /* 20px */
¿ Alguien conoce el nombre de éste método ?
saludos,
chr5
[1] http://simplebits.com/publications/bulletproof/
El 20 de agosto de 2008 16:51, Reynier Pérez Mira [EMAIL PROTECTED]
escribió:
Hola listeros:
Primero que nada discúlpenme si este tema se ha tocado anteriormente
aquí pero no logro encontrar referencia en ningún lado, quizás porque
soy un mal googleador.
La cuestión es que estoy desarrollando un sitio y quiero que se vea lo
más semejante posible en los 3 SO más usados: Windows, MacOS y Linux.
Necesito algún tipo de referencia donde leer algo al respecto y además
de que tamaño base dar a las fuentes y con esto me refiero a:
body { font-size: 82.5%; }
para a partir de ahí comenzar a dar las unidades en EM o %.
-
Salu2
Ing. Reynier Pérez Mira
Grupo de Soporte al Desarrollo - Dirección Técnica IP
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Tipografías multiplataforma
Yo uso body {font-size:76%;}
Que es igual a 12px. 1 em = 12px. Y es muy crossbrowser.
Ese porcentaje no se que tan crossbrowser será.
Nacho.
2008/8/20 Carlos Marrero [EMAIL PROTECTED]
Dan Decerholm, en su libro Bulletproof Web Design, recomienda dos métodos
escalables y accesibles y por lo tanto multinavegador:
Por valor absoluto y palabras clave
1. body { font-size: small; }
* html body { font-size: x-small; } /* Hack de estrella para todos los IE
*/
* html body { f\ont:size: small; } /* hack de estrella para ajustar
tamaño a IE6 */
¿ Alguien tiene la dirección web donde se puede consultar este método ?
2. Por valor relativo % / em
body { font-size: 62.8% } /* prepara el tamaño genérico para equilibrar
1em = 10px */
h1 { 2em; } /* 20px */
¿ Alguien conoce el nombre de éste método ?
saludos,
chr5
[1] http://simplebits.com/publications/bulletproof/
El 20 de agosto de 2008 16:51, Reynier Pérez Mira [EMAIL PROTECTED]
escribió:
Hola listeros:
Primero que nada discúlpenme si este tema se ha tocado anteriormente
aquí pero no logro encontrar referencia en ningún lado, quizás porque
soy un mal googleador.
La cuestión es que estoy desarrollando un sitio y quiero que se vea lo
más semejante posible en los 3 SO más usados: Windows, MacOS y Linux.
Necesito algún tipo de referencia donde leer algo al respecto y además
de que tamaño base dar a las fuentes y con esto me refiero a:
body { font-size: 82.5%; }
para a partir de ahí comenzar a dar las unidades en EM o %.
-
Salu2
Ing. Reynier Pérez Mira
Grupo de Soporte al Desarrollo - Dirección Técnica IP
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Tipografías multiplataforma
Recuerdo que hace tiempo se habló muchísimo del tema aquí en Ovillo.
Busca en los archivos, al final alguien hizo un resumen de todas las
técnias más a mano, yo describí la que usamos aquí.
Te hago sólo 2 recomendaciones:
1- * ¿para qué? small, x-small y demás son dependientes de las
implementaciones así que lo único que estás haciendo es dejar al
navegador que decida qué tamaño asignarle a la fuente, sólo y no es
100% seguro, que será más pequeña.
2- Yo usualmente propongo body { font-size: 75% } que según el
estándar es 12px, ¿por qué no 62.8% que equivaldría a 10px y es mas
fácil de calcular? pues muy sencillo, porque le estás dejando un
umbral de UN TERCIO al navegador para que interprete el tamaño de
las fuentes que no le entran justitas. Al final por muchos em que
le especifiques el navegador va a terminar representando píxeles que
es lo único que sabe hacer, y su traducción entre unos y otros sí es
muy dependiente de la plataforma así que lo más recomendable es
dejarle menos oportunidad de decidir.
Espero te sirva de algo, a veces el ingeniero que soy por fuerza
reemplaza al pedagogo que nunca he alcanzado ni en sueños.
ss
PB
El 20/08/2008, a las 12:09 PM, Carlos Marrero escribió:
Dan Decerholm, en su libro Bulletproof Web Design, recomienda dos
métodos
escalables y accesibles y por lo tanto multinavegador:
Por valor absoluto y palabras clave
1. body { font-size: small; }
* html body { font-size: x-small; } /* Hack de estrella para
todos los IE
*/
* html body { f\ont:size: small; } /* hack de estrella para
ajustar
tamaño a IE6 */
¿ Alguien tiene la dirección web donde se puede consultar este
método ?
2. Por valor relativo % / em
body { font-size: 62.8% } /* prepara el tamaño genérico para
equilibrar
1em = 10px */
h1 { 2em; } /* 20px */
¿ Alguien conoce el nombre de éste método ?
saludos,
chr5
[1] http://simplebits.com/publications/bulletproof/
El 20 de agosto de 2008 16:51, Reynier Pérez Mira [EMAIL PROTECTED]
escribió:
Hola listeros:
Primero que nada discúlpenme si este tema se ha tocado anteriormente
aquí pero no logro encontrar referencia en ningún lado, quizás porque
soy un mal googleador.
La cuestión es que estoy desarrollando un sitio y quiero que se
vea lo
más semejante posible en los 3 SO más usados: Windows, MacOS y Linux.
Necesito algún tipo de referencia donde leer algo al respecto y
además
de que tamaño base dar a las fuentes y con esto me refiero a:
body { font-size: 82.5%; }
para a partir de ahí comenzar a dar las unidades en EM o %.
-
Salu2
Ing. Reynier Pérez Mira
Grupo de Soporte al Desarrollo - Dirección Técnica IP
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente
dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
==
**Las siguientes líneas son agregadas por los Servidores Centrales
de la Oficina del Historiador de la Ciudad de la Habana.**
--
http://correoweb.ohc.cu, para que leas tus mensajes de correo desde
cualquier parte del mundo.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
