Il rendering dei Font per le pagine web

Question

Mi sono sempre scontrato con lo stesso problema durante la creazione di pagine web.Quando aggiungo un tipo di carattere che è più grande di circa 16-18px sembra terribile.Le sue frastagliate, e si vedono i pixel.Ho provato ad utilizzare diversi tipi di carattere e di pesi, tuttavia non ho avuto molto fortuna c'è.

Nota:Il suo solo in windows che è come questo.Soprattutto in Opera e FF anche in IE7, ma non così male.In Linux il font sembra buono.Non ho guardato un Mac.

Che cosa voi ragazzi fare per risolvere questo problema?se qualcosa.Ho notato che i titoli COSÌ sono anche piuttosto frastagliato, ma non è abbastanza piccolo per apparire male.

Answer 1

Non c'è nulla che si può fare per costringere l'utente a cambiare il modo in cui il loro sistema operativo esegue il rendering dei font.Se è un grande affare per voi, allora si può sostituire il grande titoli con le immagini, questo consente di controllare esattamente come il tipo di carattere viene reso (e assicura che il titolo appare esattamente come si desidera, anche se l'utente non ha suggerita tipo di carattere installato).

Se si fa questo, assicurarsi di fornire un testo alternativo rappresentazione per coloro che non si vedono le immagini.Io tendo ad usare i CSS per visualizzare un'immagine di sfondo, e nascondere il contenuto della voce.Come questo.

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

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

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

Per essere onesti, questo fa sembrare eccessivo se lo è su tutte le di testo di grandi dimensioni.E di essere a conoscenza che aumentare la quantità di dati che i tuoi clienti hanno bisogno di download.Tuttavia, per una grande voce, questo metodo può portare a qualcosa che sembra più bello di OS rendering del testo.

Answer 2

Attivazione di anti-aliasing dovrebbe risolvere il problema di visualizzazione.

Answer 3

A parte l'anti-aliasing, prova ad abilitare il clear type.

Answer 4

Su Windows, consentendo ClearType risolverà questo.Tuttavia, non è possibile obbligare gli utenti a utilizzare.Non è un problema di browser;e ' il sistema operativo font smoothing del metodo.