Как вы можете отображать символ Unicode U + 1F698 в блоке символов переноса и отображения на странице html, предпочтительно без использования Javascript? Я нашел следующий html scape secuence: 🚘, который, если он включен в html-страницу, показывает следующий квадратный символ & # x1F698 ;, проверен на хром и firefox.как отображать unicode в html без javascript?
У сайта codepoints есть решение. Они используют Symbola font, который добавляется на страницу с помощью @font-face, и это отображает правильные символы юникода, включая тот, который указан в вашем вопросе.
@font-face включают в себя (для тестирования, на самом деле не ссылаются на кодовые таблицы стилей, когда в производстве, а не копировать его на месте и ссылка там, а):
<link rel="stylesheet" href="http://codepoints.net/api/font-face/Symbola.css">
Отображение символа:
<span style="font-family: Symbola, serif;">🚘</span>
Вы нашли какую-либо реализацию кода? – user2070775
@ user2070775 Я отредактировал, чтобы показать реализацию. – jvperrin
он работает как шарм – user2070775
Возможно, у вас нет подходящего шрифта, который может отображать этот символ, или шрифт, который вы установили, не может отображать его.
Вы можете проверить, есть ли у вас шрифт, который имеет этот символ on this page.
Согласно this page, единственным основным шрифтом, поддерживающим этот символ, является Symbola. (LastResort is not a real font)
У браузеров есть шрифты? Где вы устанавливали шрифты в своем браузере? –
@BjornTipling Nit-picking, но все в порядке, отредактировано – Doorknob
LastResort не является реальным шрифтом, но показывает общие глифы-заполнители для символов. В настоящее время Symbola кажется единственным шрифтом, поддерживающим U + 1F698. –
I в вопросе можно увидеть символ «ПРОСТОЙ АВТОМОБИЛЬ», после слов «следующий квадратный символ». Поэтому персонаж правильно включен в вопрос; он просто не отображается, когда в системе пользователя нет шрифта, содержащего его. –