Posts Tagged ‘tipografías’

Jul 29

Tipografías guía de usuario

Posted by Pablo in Diseño, Internet

guia-tipografica

Les recomiendo ver esta Guía de Usuario con información de tipografías la cual es ideal para desarrolladores web y webmasters, un buen material para tenerlo siempre a mano cuando necesitamos consultar o tenemos dudas sobre tipografías web.

Pueden ver la guía en Web FontFont User Guide en PDF (en inglés)

Feb 12

Equivalencias de medidas en CSS

Posted by Pablo in CSS, Diseño

Vuelvo con una tabla de equivalencias de medidas para CSS que puede ser muy útil para muchos de los que trabajan en desarrollo de sitios web.

Clic para ampliar Tabla CSS

Clic para ampliar Tabla CSS

Estas equivalencias de medida nos sirven para definir tamaños de elementos y texto.

En la tabla vamos a poder ver que unidad equivale a la otra y vamos a ver las siguientes medidas, puntos, píxeles, em y porcentaje (pt, px, em, %).

Podemos decir que la W3C puso a nuestra disposición las siguientes unidades de medidas.
Las podemos dividir en absolutas, relativas y porcentaje.

Las unidades absolutas permiten el control exacto en lo que respecta a la apariencia de la página, por ejemplo si trabajamos con pt se visualizara dependiendo del tamaño del punto de resolución de la pantalla, pero si trabajamos con px se visualizara acorde a la resolución de pantalla del usuario y la plataforma en la que esta desplegado el contenido.
Dentro de las medidas absolutas encontramos:
in (pulgadas), cm (centímetros), mm (milímetros), pt (puntos), pc (picas), px (pixeles)

En las unidades relativas depende de la altura del elemento en el que se esta usando, aunque si hablamos de texto depende de las preferencias del browser.
Por eso lo denominamos relativo ya que depende directamente del tamaño de fuente por defecto del usuario.
em, ex

La unidad porcentaje la recomiendo simplemente para cajas de layout, no lo recomiendo para el uso de las tipografías ya que su control no es para nada fácil.
%

Saludos