Webkit Monospace Antialiasing Example

HTML

<p>10px serif - Readable</p>
<p class="mono">10px monospace - Unreadable</p>
<p class="mono larger">11px monospace - Readable</p>
<p class="mono fix">10px monospace with stroke - Fixed</p>

CSS

body {
    font-size: 24px;
    
}

.mono {
    font-family: monospace;
}

.fix {
    -webkit-text-stroke: 0.01px;
}

.larger {
    font-size: 28px;
}