como solucionar problemas de tipografia en web


hace poco me surgio un problema de css, con browsershot, me salian muy mal algunos menues de navegación horizontal, el problema radicaba en que habia puesto una tipografia: helvetica, segundeada por una arial y san serif para rematar con la familia, y el tamaño del menu iba muy justo respecto de la caja contenedora, considerando el problema de los 3 pixeles en ie, y aún teniendo un reset general al principio de la css, con todo esto en algunos navegadores se superponían y me dejaba un bonito menu horizontal desplegable css, partido, en 2 lineas, con comportamiento impresible y horrible.

por eso les traigo 2 soluciones para embeber fuentes dentro de html, mas alla de flash, que es muy lindo para los juguetes, muy facil de embeber una fuente, pero para una web seria, o para hacer seo, olvidenlo.

Problema y solución para embeber fuentes dentro de un html.

así y todo su creador no lo recomienda para menues ni textos largos, incluye o embebe la fuente a traves de AS y javascript, dentro del html, sifr

http://www.mikeindustries.com/blog/sifr/

la segunda solución consiste en tener un listado visual de como se ven las fuentes en distintos sistema operativos como firefox 1.0 sobre win xp, o mozilla 1.5 sobre mac, muy interesante

incluyendo tipografia en html

http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

y si quieren saber bien, como se ve una web en diferentes navegadores. pues, el ultraconocido

http://browsershots.org/

el chekeador multiplataforma cross broser, aqui veran como se ve y responde una web en distintos navegadores

  1. 27 de noviembre de 2009

Deja un comentario