Forum Moderators: not2easy

Message Too Old, No Replies

Linux & Mac fonts that display HTML entity 👍?

         

JAB Creations

9:44 am on Sep 13, 2014 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



What Linux & Mac fonts correctly display the HTML entity 👍 (& # 128077; )?

On Windows I'm currently using...

span[id^='vote_'] {font-family: 'Segoe UI Symbol', serif;}


- John

graeme_p

10:10 am on Sep 13, 2014 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



I have a lot of fonts installed and none of them has it. You have even less change of finding a font that has it that is common on Android or iOS.

I think you need to use @font-face or just use an image.

JAB Creations

10:17 am on Sep 13, 2014 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I totally forgot about @font-face. That should work, thanks!

- John

JAB Creations

10:35 am on Sep 13, 2014 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



A quick heads-up, the thumbs-up and thumbs-down symbols do work by default without having to resort to @font-face, at least on Chrome and Firefox on Android 4.2. I can only imagine it works on a Windows phone. I don't have an iPhone to test with or any first born children to trade for one (not that I would).

- John

not2easy

12:35 pm on Sep 13, 2014 (gmt 0)

WebmasterWorld Administrator 10+ Year Member Top Contributors Of The Month



The characters are emoji unicode entities, originally designed for mobile devices. They display fine in unicode no matter what font you use as long as your document's "charset" is a form of unicode such as utf-8 but will display the html entity in html character sets like WIN-1252. Wikipedia has more info: [en.wikipedia.org...]

lucy24

6:57 pm on Sep 13, 2014 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



:: detour to look up ::

hex 1f44d = thumbs-up sign. Ugh, I hate that range. emoji stick out like-- haha --sore thumbs in the middle of normal text. Why don't you just use a checkmark from the ordinary Symbols area?

A more important question is: Why would you need to know what specific font has the character? In this day and age there is absolutely no reason to name a font; by now, even Windows has mastered the concept of font substitution. I really hope you're not forcing your users to download an entire font file just to display one character. An image, if necessary, would be much smaller.

as long as your document's "charset" is a form of unicode

A document's declared charset has nothing to do with the characters that can be displayed. That's the whole point of using entities. You can label your document ASCII, so long as everything else is expressed in entities.

Which reminds me... Someone in a different thread accidentally discovered that some mobile devices won't recognize decimal entities, only hexadecimal ones. So use the form in &#x by preference.

not2easy

7:57 pm on Sep 13, 2014 (gmt 0)

WebmasterWorld Administrator 10+ Year Member Top Contributors Of The Month



My mistake, Lucy, I tried it in here and it would not display so I guessed that to be the reason but it more likely has to do with the innards or the quirks mode.

graeme_p

2:23 am on Sep 14, 2014 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



They do not work for me on Linux with a lot of fonts installed, including the Droid fonts which are what come with Android. Do you have other fonts installed on Android?

@lucy, the problem is that if the character is not used in sone widely used fonts character substitution will not work. All we know from this thread is that Segoe UI supplies it (so Windows 7+ is OK) as does one of the Droid fonts as supplied with Android (at least from 4.1+ as I just tested 4.1)