html – 使用缺少字体的Web浏览器降低Unicode字符

前端之家收集整理的这篇文章主要介绍了html – 使用缺少字体的Web浏览器降低Unicode字符前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在html文档中使用Unicode’CHECK MARK'(U2713)。我发现它在大多数浏览器中都可以正常显示,但偶尔在PC上遇到缺少字体的人。如果字体丢失,是否有任何HTML / JS技巧来指定替代的显示字符(或图像)?

解决方法

没有一个直接的方法来告诉任何特定的角色是否以有用的方式呈现。关于所有您可以从JavaScript做的就是创建一个< span>包含目标字体中的一个(或多个)目标字符,并将其宽度与另一个< span>包含您知道的相同数量的字符将不会有效地呈现(*)。如果它们的宽度相同,则可能会在每个框架中加载一些框或问号,因此您可以采取添加图像的备份措施。

因为这是很烦人的,你可能更喜欢去寻找形象。或者您可以尝试在现代浏览器中使用@ font-face嵌入来使用一般已知的良好字体。由于通常IE具有较差的Unicode字体后备支持,请确保包含EOT字体。

(*:您可以尝试一个当前未分配的字符,并希望能够保持这种方式,例如U 08FF,或者是U FFFF等有保证无效的字符,但是您是否应该将其放在HTML文档中是有问题的。)

原文链接:https://www.f2er.com/html/233496.html

猜你在找的HTML相关文章