Using Emojis in Categories

Understanding Micro.blog
1

I use emojis a lot in categories

I am moving my design around and exposing categories on my posts

That part works - BUT the emojis seem to be all replaced with ?

Claude tells me that I should add unicodes to my CSS - does that sound right??

eg:

/* Pushpin */ span.callsit::before { content: "\1F4CC Posted in: " !important; }

this will be very annoying, needs a lot and not going to do - my hip pocket fix is to rename my categories back to text - but before I do that

Claude suggested:

Check if this is a Micro.blog theme encoding issue. Some themes force UTF-8 encoding that doesn’t play well with emoji. You might be able to fix it globally in the theme’s <head> instead of individual CSS rules.

My core template is hitchens - which is now 4 years out of date … bridge too far?

Time to bite the bullet and switch to a more modern design?

All and any help / direction welcome.

Many thanks.

2

Which theme are you using, the default? Sumo? I use TinyTheme (built in a similar manner) and I don’t have issues, I use emojis in my posts and on the main page… Is that what you mean?

3

Odd - i replied to this - but it doesn’t seem to be here - so going again.

I started with Hitchens. - but making lots of changes to it. That said - emojis all work well in titles and body - it is in categories I am having the problem.

According to Claude I can fix this - but either I need access to files that I don’t have because Micro.Blog / Hugo ‘injects’ certain behaviours - or just move off the platform and recreate somewhere else.

Does that sound right @sod ? If so - a bridge too far for this bear I feel.