é <-


Símbolos tipográficos en web

Minerva | 13 de mayo de 2011 | 1 Comentario | Etiquetas: ,

A la hora de diseñar para web, en el estudio tratamos de evitar el uso de imágenes como símbolos que acompañan a texto, como puede ocurrir en los listados. El motivo es que dependiendo del sistema o navegador, el símbolo cambia su posición vertical respecto del texto y, si tienes unos compañeros diseñadores con vista sensible, esto supone un esfuerzo extra jugando con márgenes y alturas de línea para tratar de homogeneizar la experiencia del usuario.

Las entidades HTML permiten visualizar en web un conjunto bastante amplio de caracteres tipográficos. Sirva este listado como referencia para las situaciones más comunes en las que se recurren a imágenes:

(Listados y flechas)
< > « ‹ › » • ▶ ⇒ ↛ ↝ ↠ ↦ →

(Signos de puntuación)
— — – … ‘ ’ “ ”

(Signos tipográficos)
§ ¶

(Formularios e iconos)
✓ ✔ ✕ ✖ ✘

Y como nunca se sabe hasta dónde puede llegar la imaginación de nuestros compañeros, sólo me queda añadir: ♬ ♣ ♞ ☞ ☎



1 Comentario | Añadir un comentario
  • 1

    Jo. Cómo me gustan estas chorraditas. Debo decir que Minerva a comprobado que todos estos pictogramas sean visibles en Android e IOS, que todavía tiene más mérito. Dios esta en los detalles.

    Pablo | 3.6.2011, 2:09 pm
Añadir un comentario


El boletín de é

Si quieres estar al tanto de las actualizaciones de la web de é, puedes suscribirte:

El boletín de é Ver retícula @estudioe RSS

957 487 166
estudio[a]elcorreodee.com