Firefox:无法在输入字段中显示字符,但可以在 <p> 内显示

Firefox: Cannot display character in input field but can display it within <p>

Firefox 可以在 div 中显示以下字符,但在输入中无法显示。

龗汇群村西卫

这里有两个问题。首先,Firefox(与一般浏览器一样)为 input 元素使用特定的默认字体(尽管此字体取决于用户设置)。该字体可能缺少用于普通文本的字体中存在的某些字符的字形(无论是根据浏览器默认值还是根据您的 CSS 设置)。这可以通过适当地为 input 元素设置 font-family 来处理。要将其设置为与普通文本字体相同,可以使用以下 CSS 规则:

input { font-family: inherit }

其次,您的数据包含 Private Use 个代码点,例如 U+F5D0。除了私人协议之外,它们绝对没有任何意义。在 HTML 中,它们通常与私有编码的“图标字体”结合使用,这些字体在这些代码点中放置了精美的图标,尽管它们也可能被使用,例如对于尚未(尚未)在 Unicode 中编码为字符的稀有汉字(通常仅出现在专有名称中)。

这意味着必须使用这种特定字体才能使内容有意义。为了让事情跨设备工作,这应该是用 @font-face 指定的可下载字体。如果您这样做了,只需为 CSS.

中的 input 元素声明相同的字体

如果字体设置为精细体_HKSCS,MingLiu_HKSCS,PMingLiU或MingLiU,浏览器应该可以显示HKSCS。

我在 Firefox、Internet Explorer 和 Chrome 中测试过。