MobileRead Forums - View Single Post - mangled em-dash as a CSS pseudo-element

sujato · 08-02-2022, 05:44 AM

Hi all, hope you're doing well.

I'm adding a spaced em-dash via a CSS rule:

Code:

title::after
{
    content: ' — ';
}

In other readers it works just fine, but when I open in Calibre, the em-dash has been replaced:

Code:

title::after {
    content: ' â€” ';
}

Em-dash in the text body works fine, it's only the pseudo-element that's causing a problem.

Both the CSS and the XHTML files are defined as utf-8.

Any ideas would be helpful!

08-02-2022, 05:44 AM	#1
sujato Junior Member Posts: 1 Karma: 10 Join Date: Aug 2022 Device: none	mangled em-dash as a CSS pseudo-element Hi all, hope you're doing well. I'm adding a spaced em-dash via a CSS rule: Code: title::after { content: ' — '; } In other readers it works just fine, but when I open in Calibre, the em-dash has been replaced: Code: title::after { content: ' â€” '; } Em-dash in the text body works fine, it's only the pseudo-element that's causing a problem. Both the CSS and the XHTML files are defined as utf-8. Any ideas would be helpful!