Román Cortés

Homer CSS

10 de Abril del 2008

Tras mi diseño del logotipo de SigT en CSS hace casi dos años, me quedé con la idea en mente de que dibujos más complejos se podrían hacer usando la fuente Verdana y posicionamiento absoluto en CSS, generando de esta forma dibujos vectoriales directamente embebidos en el código html.

He optado por Homer Simpson dado que es lo suficientemente popular y reconocible:

o
o
o
o
(
O
O
O
\
L
(
O
O
O
O
O
\
L
(
O
|
|
\
\
|
|
\
\
\
\
(
(
8
o
o
o
(
(
8
o
o
o
o
)
)
b
o
O
o
o
o
o
o
o
)
b
o
O
o
o
o
o
o
o
o
o
o
/
/
/
•
•
•
•
•
_
_
_
•
•
•
C
C
O
(
-

El resultado es cross-browser; está comprobado en los siguientes navegadores bajo Windows:

• Internet Explorer 5.5, 6 y 7

• Opera 9

• Firefox 2

• Safari 3

¿Qué tal se ve en otros sistemas operativos y navegadores?

(Nota: para su correcta visualización la fuente Verdana debe estar disponible en el equipo)

Etiquetas

573 Comentarios RSS

Comentar