1

I have a very simple webpage (HTML/CSS/JavaScript) that uses the symbol "☐" (edit: I believe it's the ballot box symbol), but when I view the webpage on my phone, it shows up as an emoji that looks like a card is being put into a box (image below).

enter image description here

I've noticed that when I use the symbol in a word document, for example, and open the document in Google Docs app on my phone, the same thing happens, so I'm wondering if there's a way to force the character "☐" to display as a square box on my phone as well for my webpage. (I have an Android phone.)

Additional info: Here's what the symbol looks like in the Google Docs app on my phone: enter image description here And this is what they're supposed to look like (i.e. on my computer): enter image description here Same thing happens when I send that symbol to someone, say, on Messenger - it'll display as a box on the computer, but as an emoji on my phone. That's why I'm wondering if it's just an issue with the phone.

Edit/update: Here is my repository. The symbols appear in the file correspondences.js. Currently I've replaced all of the ballot box symbols (☐) with the white square symbol (□), and am simply setting their font sizes larger (since the square symbol is smaller than I'd like it to be). The square symbols display as squares on my phone, though the spacing is a little off when I view them on my phone versus on the computer or using an Apple device. So if there is a way to get the ballot box symbol to work, I'd prefer using that.

8
  • Isn't this just a font thing? They ways emojis render are based on fonts. Lots of renderers have font layers and if one layer doesn't provide a rendering of a character, it just goes one layer down to look for one. What fonts are active in each of these applications? Lots of fonts don't provide emoji and usually people use/create dedicated emoji fonts. What emoji fonts are active?
    – user
    Feb 12, 2023 at 23:32
  • I think you're right. I think Samsung phones just displays the character as an emoji instead of a box. I think I will change the symbol to the square symbol and adjust the font size instead. Thank you!
    – Pearl
    Feb 13, 2023 at 1:51
  • What happens if you paste that character into this site: onlineunicodetools.com/convert-unicode-to-code-points? It will show what code point a character is. Then search up what that unicode code point is in a site like unicode-table.com. What do you see when you do that?
    – user
    Feb 13, 2023 at 1:55
  • 1
    Your image looks like 🗳 (U+1F5F3, BALLOT BOX WITH BALLOT) rather than (U+2610, Ballot Box)…
    – JosefZ
    Feb 13, 2023 at 10:36
  • 1
    The symbol you put in the first sentence of your question is U+2610, which is not defined in Unicode as an emoji (even optionally). See unicode.org/Public/UCD/latest/ucd/emoji/emoji-data.txt. As JosefZ said, the image you showed is U+1F5F3. That character can optionally be displayed either as emoji or as a non-emoji symbol. If you want 1F5F3 to appear as a non-emoji symbol, then you can use the character sequence <1F5F3, FE0E>, or pick an appropriate non-emoji font. Feb 13, 2023 at 16:26

0

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.