Unicode
-
I’m trying to put some unicode characters into a web page. The problem is some of them have a purple box around them. Most others don’t. I don’t understand why. I’ve googled and can find nothing. The page is: https://jimiscurious.wordpress.com/unicode-test-page/
The blog I need help with is: (visible only to logged in users)
-
I will type modlook into the sidebar tags on this thread for a Staff follow-up. How do I get a Moderator/Staff reply for my question? https://en.support.wordpress.com/getting-help-in-the-forums/#how-do-i-get-a-moderatorstaff-reply-for-my-question Please subscribe to this thread so you are notified when they respond and be patient while waiting. To subscribe look in the sidebar of this thread, find the subscribe to topics link and click it.
-
Hi there,
Those specific characters you’re using have purple backgrounds, it seems. I get the same result if I paste those characters on a self-hosted site, in a note app on my computer, or even in a word processor. It’s not a bug on WordPress.com, but how those characters are rendered by programs.
To avoid that, I suggest you try to find the actual unicode for those characters without the background and add the code itself in the HTML editor.
-
I did some more digging and it looks like this might also be controlled at the system font level, so any program on your computer that uses system fonts will show the characters with that purple box around it. That’s not something we can control.
-
Thanks for the suggestions. I thought about trying to use Wingdings, but that doesn’t work everywhere. (you can see my attempt on the page)
I thought I was putting the actual code on the page. But I don’t see it when I flip back and forth from Visual. Could you point me somewhere to perform that? I have the numbers.
-
I’d expect if you enter the actual unicode in the html view of the editor it should stay like that, but it’s possible that the editor will automatically convert them into the characters. You can try wrapping them in pre-tags or code-tags in the HTML view to see if that makes any difference.
But if it’s a system font issue then even entering the actual code might not prevent the characters being displayed as icons, as it were.
-
-
Not the font you choose, but the system font, in other words, the font that Windows or Mac OS uses.
It could also be that you’re using the unicode for the emoji font. See here:
http://stackoverflow.com/a/9639318/5227705
For more help with this I suggest you post somewhere like stackoverflow or a forum specifically for discussion of Unicode characters. Users in forums like that will be better able to help you with the correct code you need.
-
Thank you for all you help with this. The link you gave me led to other pages and I did finally figure it out. The default character puts it in emoji style and you have to add some extra code to get rid of that.
Unicode gives me a headache!
-
- The topic ‘Unicode’ is closed to new replies.
WordPress.com Forums 