Nwlapcug.com


Come disattivare un Alias su un tipo di carattere HTML

Quando i bordi di un font appaiono pixelati e frastagliate, il tipo di carattere è "alias". Quando i bordi di un tipo di carattere sono lisci e ammorbiditi, il tipo di carattere è "anti-alias." È possibile utilizzare fogli di stile CSS per disattivare alias su un tipo di carattere in HTML. "Font-liscia" è un attributo in CSS3 che è destinato a rendere i font anti-aliasing, ma la maggior parte dei browser ancora non lo supportano. Per disattivare aliasing dei caratteri, è necessario utilizzare l'attributo "text-shadow" per risolvere il problema.

Istruzioni

1

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

< head >
< style >
< / stile >
< / head >

2

Inserire "body {}" tra i tag di "stile < >", in modo che il codice aggiornato è simile al seguente:

< style >
corpo {}
< / stile >

3

Immettere "colore:;" tra le parentesi graffe arricciate, quindi immettere il codice esadecimale per il colore preferito tra i due punti e punto e virgola. Ad esempio, per rendere tutto il testo nero:

body {color: #000000;}

4

Aggiungere "testo-ombra: 0 0 1px rgba (#, #, #, 0.5);" al tag "body". Inserire il nuovo attributo dopo l'attributo "color". Finora, il codice sarà simile al seguente:

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

5

Sostituire ogni "#" con i valori di rossi, verdi e blu per il colore del testo. Ad esempio, se si desidera che il testo che sarà mare verde, il codice esadecimale sarebbe "#00FFAA", e i valori di rossi, verdi e blu sarebbe 0, 255 e 170. Il codice risulterà simile al codice riportato di seguito:

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 il tuo font.

Consigli & Avvertenze

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