Специальные символы из пользовательского шрифта не отображаются в HTML ⇐ Linux
-
Гость
Специальные символы из пользовательского шрифта не отображаются в HTML
Я использую шрифты HP49 с сайта hpcalc.org, в частности FONT8.TTF, для небольшой веб-страницы.
Проблема в том, что я не могу правильно отобразить темный треугольник. В HTML † он отображается как «†» (с резервным шрифтом), а сам символ вообще не отображается.
@font-face { семейство шрифтов: 'F8'; src: URL('./FONT8.TTF') формат('truetype') } .SC { семейство шрифтов: 'F8'; цвет фона: #A8C0B0; черный цвет; } †{{ text }}
В ссылке на изображение ниже правое поле ввода связано с левым абзацем с помощью Vue. Ввод символа вручную с помощью Ctrl+Shift+u, затем «86» работает нормально, но опять же, это не так. не работает в левом абзаце, чего я действительно и хочу. Кроме того, KFontView показывает это правильно.
Кроме того, выполнение vm.text += "\u0086"; добавляет нужный символ в поле ввода, но не в абзац.
Примечание: xxd файла .html показывает вставленный символ с помощью Ctrl+Shift+< kbd>u в vscode как c286. Изменение его, например, 2086 тоже не работает.
пример
Я использую шрифты HP49 с сайта hpcalc.org, в частности FONT8.TTF, для небольшой веб-страницы.
Проблема в том, что я не могу правильно отобразить темный треугольник. В HTML † он отображается как «†» (с резервным шрифтом), а сам символ вообще не отображается.
@font-face { семейство шрифтов: 'F8'; src: URL('./FONT8.TTF') формат('truetype') } .SC { семейство шрифтов: 'F8'; цвет фона: #A8C0B0; черный цвет; } †{{ text }}
В ссылке на изображение ниже правое поле ввода связано с левым абзацем с помощью Vue. Ввод символа вручную с помощью Ctrl+Shift+u, затем «86» работает нормально, но опять же, это не так. не работает в левом абзаце, чего я действительно и хочу. Кроме того, KFontView показывает это правильно.
Кроме того, выполнение vm.text += "\u0086"; добавляет нужный символ в поле ввода, но не в абзац.
Примечание: xxd файла .html показывает вставленный символ с помощью Ctrl+Shift+< kbd>u в vscode как c286. Изменение его, например, 2086 тоже не работает.
пример
Мобильная версия