web typography study guide

Anti-Aliasing Technique Comparisons

Without Anti-Aliasing Treatment

Guis non mesciunt ethnic qui.

With Anti-Aliasing CSS Code

Guis non mesciunt ethnic qui.

<p style="-webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased;"></p>

Use CSS text-shadow Effects

Guis non mesciunt ethnic qui.

<p style="text-shadow: 0 0 1px rgba(0,0,0,0.3);"></p>
/*syntax: text-shadow: h-shadow v-shadow blur color;*/