how to display unicode in html without javascript?

Question

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.

Answer 1

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.net/api/font-face/Symbola.css">

Displaying the character:

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

Answer 2

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)}