CSS Transform Scale on parent won't scale text

[joepriit]

Title says all, example on parent div:

transform: scale(0.5);

[DrJonki]

CSS transforms with text seem to be broken in general. This also produces weird artifacts:

<style>
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}
</style>

<span style="animation: spin 2s infinite linear">A</span>