I've been experiencing some oddities with character encoding when deploying code on a client system. I was in a bit of a rush and didn't have time to dig deeper.

Adding the "»" character to my CSS worked so worked nicely on my dev and test system:


#breadcrumbs li:before {
content: "»";
}

But on deployment, I get the dreaded "??" output. Yuck. This is likely to be something to do with the build server or the client machine.

As a really quick workaround, replace the unicode with ASCII instead:


#breadcrumbs li:before {
content: "\00BB";
}

This just works no matter what. In future, it'll be ASCII all the way for me.

Helpful resources