[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