HTML entity defined in ::before selector not appearing

[chuck_agari]

I'm trying to do this:

h2.TaskHeading::before, h3.TaskHeading::before, h4.TaskHeading::before {
content: ⪢
font-style: bold;
}

⪢ defines an HTML entity that's basically a double right arrow. The full definition if

⪢
⪢
⪢

When I look at the source in the output, I'm seeing the correct class reference:

<h2 class="TaskHeading">To create a new custom sender</h2>

I've seen other posts here advising that the ::before pseudo-element be used to do similar things. I've tried all 3 values for the HTML entity, and none of them result in the character being displayed in the (HTML5) output. What am I missing here?

[chuck_agari]

And just to show you how I had a brain fart today, that should be font-weight: bold;

[chuck_agari]

I figured it out. (Damn, I'm stubborn.)

I had started with this page I found for HTML character entities: https://dev.w3.org/html5/html-author/charref

After a few more unsuccessful searches, I decided to validate my CSS. The W3C CSS validator was overtaxed, so I went to csslint.net. It found an error in that declaration, so I was back to searching.

I found this: https://css-tricks.com/css-content/

This article led me to this: http://www.evotech.net/articles/testjsentities.html

On this last page, I was able to copy the actual character from the HTML entities page (not the code, the actual character), paste it into a field here, and get the escaped value I needed for CSS, which turns out to be \2AA2.

And it works! I'm getting what I want in my output now. And yeah, these sites are getting bookmarked.

[ChoccieMuffin]

Glad you got yourself sorted, and thanks for the links to bookmark!