how to display euro symbol in css after and before pseudoelements

I can't figure out how to let CSS display the Euro symbol (€) in :before and :after pseudoelements.

.my-span:after {
    content: '€';
}

Tried with the symbol €, u20AC and %u20AC. Nothing seems to work.

Thanks in advance.