Fuentes bien marcadas en CSS

Noviembre 25, 2009

Fuentes bien marcadas en CSS

Desde hace tiempo que soy asiduo visitante de webs como Taringa y ElForro y es en esta última donde he notado un uso eficaz de fuentes más vistosas, indagué un poco en el código fuente y noté que para lograr esto se hace uso de una propiedad ya ahora no tan desconocida de CSS, dicha propiedad es text-shadow.

La propiedad “text-shadow” como su nombre lo refiere crea sombras con ciertos parámetros, a continuación un ejemplo:

text-shadow: color,offset(x),offset(y), difuminado;

o también:

text-shadow: difuminado,offset(x),offset(y),color;

 .letters{ text-shadow:#fff 1px 1px 0px;}

Ahora bien la forma en que podemos hacer más vistosas nuestra fuentes es teniendo en cuenta lo siguiente:

  1. Nuestra fuente debe tener un color más oscuro que el fondo donde se mostrará, esto quiere decir que el efecto no aplica si poseemos una fuente por ejemplo blanca (#FFFFFF) sobre un fondo negro (#000000).
  2. El color de fondo no puede ser blanco, ya que el efecto no se apreciará.
  3. Y obviamente el color de la sombra: text-shadow: color , es recomendable que sea blanco, eso si queremos que se note bien marcado o el color más cercano al blanco partiendo como base el color del fondo.

El resultado pueden observarlo en el mismo título de la entrada.

Comentarios + Pingbacks + Trackbacks

No hay comentarios

Responder

Me reservo el derecho de aprobar o no los comentarios emitidos por lo cual recomiendo un lenguaje no ofensivo y el uso de las normas Netiquette.

Get Adobe Flash playerPlugin by wpburn.com wordpress themes