How do you display unicode character U+1F698, in the Transport And Map Symbols Block, in an html page preferably without using Javascript? I have found the following html scape secuence: 🚘 which, when included in an html page, shows the following square symbol 🚘, tested in chrome and firefox.

How do you display unicode character U+1F698, in the Transport And Map Symbols Block, in an html page preferably without using Javascript? I have found the following html scape secuence: 🚘 which, when included in an html page, shows the following square symbol 🚘, tested in chrome and firefox.

• javascript
• html
• unicode

Share Improve this question Follow asked Oct 8, 2013 at 2:33 dev4lifedev4life 11.4k66 gold badges6262 silver badges7979 bronze badges 1

• 3 I can see an ONCOMING AUTOMOBILE character in the question, after the words “the following square symbol”. So the character is included correctly in the question; it just does not show when a user’s system has no font containing it. – Jukka K. Korpela Commented Oct 8, 2013 at 5:13

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

The codepoints website appears to have a solution. They use the Symbola font which is added to the page using @font-face, and that renders some unicode symbols correctly, including the one specified in your question.

@font-face include (for testing, don't actually link to codepoints stylesheet when in production, instead copy it locally and link there instead):

<link rel="stylesheet" href="http://codepoints/api/font-face/Symbola.css">

Displaying the character:

<span style="font-family: Symbola, serif;">&#x1F698;</span>

You probably do not have a suitable font that can display this symbol, or the font you have set it to cannot display it.

You could check if you have a font that has that character on this page.

According to this page, the only major font that supports this character is Symbola. _{(LastResort is not a real font)}