如何在没有javascript的情况下在html中显示unicode？

Question

如何在html页面中的运输和地图符号块中显示unicode字符U + 1F698,最好不使用Javascript？我发现了以下html scape secuence:🚘当包含在html页面中时,它显示以下方形符号?,在chrome和firefox中测试.

Answer 1

该码点的网站似乎有一个解决方案.它们使用添加到页面中的Symbola字体@font-face,并正确呈现一些unicode符号,包括问题中指定的符号.

@font-face include(用于测试,在生产时实际上不会链接到代码点样式表,而是在本地复制并链接到那里):

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

显示角色:

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

顺便说一句,*请不要热链接到给定的CSS文件!*(感谢jvperrin指出它.)首先,它吃掉我的带宽,但它也很快,我重组字体,所以这是这可能会改变.CSS文件中有什么？基本上是[@ font-face](http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/)声明,它链接到Symbola字体文件.您可以在上面的链接下载它们,并在[fontsquirrel.com](http://www.fontsquirrel.com/tools/webfont-generator)上将它们转换为EOT,WOFF和其他所需格式. (2认同)