Pregunta

Siempre me encuentro con el mismo problema al crear páginas web.Cuando agrego una fuente que es más grande que entre 16 y 18 píxeles, se ve terrible.Es irregular y pixelado.Intenté usar diferentes fuentes y pesos, sin embargo, no tuve mucha suerte.

Nota:Sólo en Windows es así.Principalmente en Opera y FF también en IE7 pero no tan malo.En Linux la fuente se ve bien.No he mirado una Mac.

¿Qué hacen ustedes para solucionar esto?si algo.Noté que los títulos aquí en SO también son bastante irregulares, pero son lo suficientemente pequeños como para no verse mal.

¿Fue útil?

Solución

No hay nada que pueda hacer para obligar al usuario a cambiar la forma en que su sistema operativo representa las fuentes.Si es tan importante para usted, puede reemplazar los encabezados grandes con imágenes, esto le permite controlar exactamente cómo se representa la fuente (y garantiza que el encabezado se vea exactamente como usted desea, incluso si el usuario no tiene la sugerencia sugerida). fuente instalada).

Si hace esto, asegúrese de proporcionar una representación de texto alternativa para aquellos que no ven imágenes.Tiendo a usar CSS para mostrar una imagen de fondo y ocultar el contenido del encabezado.Como esto.

<style>
    h1
    {
        height: 32px;
        width: 100px;
        background: url("path/to/image")
    }

    h1 span
    {
        display: none;
    }
</style>

<h1>
    <span>
       Heading Text
    <span>
</h1>

Para ser honesto, esto parece excesivo si se trata de texto grande.Y tenga en cuenta que aumentará la cantidad de datos que sus clientes necesitarán descargar.Sin embargo, para un encabezado grande, este método puede generar algo que se vea mejor que el texto renderizado por el sistema operativo.

Otros consejos

Habilitar el suavizado debería resolver el problema de visualización.

Además del suavizado, intente habilitar el tipo claro.

En Windows, habilitar Tipo claro resolverá esto.Sin embargo, no puedes obligar a los usuarios a usarlo.No es un problema del navegador;es el método de suavizado de fuentes del sistema operativo.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top