Come disattivare un alias su un tipo di carattere HTML

June 23

Quando i bordi di un font appaiono pixilated e frastagliata, il carattere è "alias". Quando i bordi di un font sono lisce e appaiono ammorbidito, il carattere è "anti-aliasing". È possibile utilizzare i fogli di stile per disabilitare alias su un tipo di carattere in HTML. "Font-liscia" è un attributo in CSS3 che ha lo scopo di rendere i font anti-aliasing, ma la maggior parte dei browser non supporta ancora esso. Per disattivare aliasing dei font, è necessario utilizzare l'attributo "text-shadow" come una soluzione.

istruzione

1 Aggiungere "<style>" tag alla pagina HTML, in questo modo:

<Head>
<Style>
</ Style>
</ Head>

2 Inserisci "body {}" tra i "<style>" tag, in modo che il codice aggiornato simile al seguente:

<Style>
body {}
</ Style>

3 Enter "color:;" tra le parentesi graffe arricciate, quindi inserire il codice esadecimale per il colore del font preferito tra i due punti e virgola. Ad esempio, per rendere tutto il nero del testo:

body {color: # 000000; }

4 Aggiungere "text-shadow: 0 0 1px rgba (#, #, #, 0,5);" al tag "corpo". Inserire il nuovo attributo dopo l'attributo di "colore". Il codice dovrebbe finora simile al seguente:

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

5 Sostituire ogni "#" con i valori rosso, verde e blu per il colore del testo. Per esempio, se si desidera che il testo sia verde mare, il codice esadecimale sarebbe "# 00FFAA", ed i valori di rosso, verde e blu sarebbe 0, 255 e 170. Il codice dovrebbe essere simile al codice qui sotto:

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

6 Salvare e caricare il codice aggiornato al tuo sito web per disabilitare alias i font.

Consigli e avvertenze

  • L'elemento "body" si applica a tutto il testo nel corpo della pagina. Per cambiare il tipo di carattere per il testo in un altro elemento, come una cella di una tabella o di un div, è necessario aggiungere il codice CSS per quell'elemento, invece. Per esempio:
  • td {color:; text-shadow:; }