为缺少字体的 Web 浏览器降低 Unicode 字符的质量

2024-05-13

我在 html 文档中使用 Unicode“检查标记”(U+2713)。我发现它在大多数浏览器中都可以正常显示,但偶尔我会遇到有人的电脑上缺少字体。如果字体丢失,是否有 HTML / JS 技巧来指定替代显示字符(或图像)?


没有直接的方法可以判断任何特定角色是否以有用的方式呈现。关于 JavaScript 你能做的就是创建一个<span>包含目标字体中的一个(或多个)目标字符,并将其宽度与另一个进行比较<span>包含与您知道的相同数量的字符将无法有效渲染 (*)。如果它们的宽度相同,则很可能每个框中都有大量方框或问号,因此您可以采取备用措施,例如添加图像。

由于这很烦人,您可能更愿意只看图像。或者你可以尝试使用@font-face嵌入现代浏览器以使用通常已知的良好字体。由于 IE 通常对 Unicode 字体后备支持较差,因此请务必包含 EOT 字体。

(*:您可以尝试使用当前未分配的字符,并希望保持这种状态,例如 U+08FF,或者像 U+FFFF 这样的保证无效的字符,尽管您是否应该被允许将其放入 HTML 文档中是值得怀疑的.)

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

为缺少字体的 Web 浏览器降低 Unicode 字符的质量 的相关文章