sábado, 23 de noviembre de 2013

Cómo deshabilitar un alias en una fuente HTML

Cuando los bordes de una fuente aparecen pixeladas y dentadas, la fuente tiene un alias. Cuando los bordes de una fuente son suaves y parecen suavizó, la fuente es anti-aliasing. Puede usar Cascading Style Sheets para desactivar alias en una fuente en HTML. Font-lisa es un atributo de CSS3 que está destinado a hacer que las fuentes anti-aliasing, pero la mayoría de los navegadores aún no apoyarlo. Para desactivar el suavizado de fuente, debe utilizar el atributo text-shadow como una solución. 

DESACTIVAR



Agregar etiquetas de estilo de la página HTML, así:



estilo de la cabeza / estilo / cabeza



Body {} Insertar entre las etiquetas de estilo, por lo que el código de actualización similar al siguiente:



cuerpo de tipo {} / estilo



Introduzca color:; entre los apoyos rizados, a continuación, introduzca el código hexadecimal para el color de la fuente preferida entre los dos puntos y punto y coma. Por ejemplo, para hacer que todo el texto en negro:



body {color: # 000000;}



Añadir text-shadow: 0 0 1px rgba (#, #, #, 0.5), para la etiqueta body. Inserte el nuevo atributo después del atributo color. El código debe hasta ahora similar al siguiente:



body {color: # 000000; text-shadow: 0 0 1px rgba (#, #, #, 0.5);}



Sustituya cada # con los los valores de rojo, verde y azul para el color del texto. Por ejemplo, si desea que su texto sea verde mar, el código hexadecimal sería # 00FFAA, y los valores de rojo, verde y azul sería 0, 255 y 170. Su código sería similar al código siguiente:



body {color: # 00FFAA; text-shadow: 0 0 1px rgba (0, 255, 170, 0.5);}



Guardar y cargar el código actualizado de su sitio web para desactivar alias en sus fuentes.



Consejos y advertencias

El elemento del cuerpo se aplica a todo el texto en el cuerpo de la página. Para cambiar la fuente para el texto en otro elemento, como una celda de tabla o div, debe agregar el código CSS para ese elemento en su lugar. Por ejemplo:



td {color:; text-shadow:;}



 

No hay comentarios:

Publicar un comentario