html - para - fuentes personalizadas css

¿Cómo aplicar efectos anti-alias de fuentes en CSS?

Question

Esta pregunta ya tiene una respuesta aquí:

• Forzar anti-aliasing usando css: ¿Es esto un mito? 16 respuestas

¿Cómo podemos aplicar anti-aliasing tipo fuente de Photoshop, como nítido, fuerte, fuerte y sin problemas en CSS?

¿Son compatibles con todos los navegadores?

Answer 1

Aquí tienes Sir :-)

1

.myElement{
    -webkit-font-smoothing: antialiased;
}

2

.myElement{
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
}

Answer 2

Funciona mejor Si desea usarlo en todo el sitio, sin tener que agregar esta sintaxis a cada clase o ID, agregue el siguiente CSS a su cuerpo css:

body { 
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    background: url(''./images/background.png'');
    text-align: left;
    margin: auto;

}

Answer 3

Respuesta corta: no puedes.

CSS no tiene técnicas que afectan la representación de fuentes en el navegador; solo el sistema puede hacer eso.

Obviamente, la nitidez del texto se puede lograr fácilmente con pantallas densas en píxeles, pero si estás usando una PC normal será difícil de lograr.

Hay algunas fuentes más nuevas que son lisas, pero al sacrificio parecen un tanto borrosas (mira la mayoría de las fuentes de Adobe, por ejemplo). Sin embargo, también puede encontrar algunas fuentes suaves pero borrosas por diseño en Google Fonts .

Existen algunas nuevas técnicas de CSS3 para renderizado de fuentes y efectos de texto, aunque la consistencia, el rendimiento y la confiabilidad de estas técnicas varían en gran medida hasta el punto en que generalmente no se debe confiar demasiado en ellas.