Question

如何让浏览器显示后备文本而不是浏览器不支持的文本方框？

例如，如果没有与预期字符匹配的字体（例如：未安装任何日文字体的日文文本），则会发生这种情况。

例如，如果无法显示“日本语”（日语），我希望浏览器显示“日语”而不是“[] [] []”。

其他例子，对于法语文本，请说“Fran ç ais”，如果无法显示字符“ç”，我希望渲染的文字为“Fran c” ais“而不是”Fran [] ais“。

约束：

HTML5 / CSS
没有额外的库（没有中间件，没有框架），
~~没有JavaScript，除非它是实现目标的唯一途径？~~
允许使用Javascript （的修改）
首选简单优雅的解决方案

有什么想法吗？

如果您有解决方案，可以使用以下示例代码显示它吗？

示例代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test page</title>
</head>

<body>
<h1>Test page</h1>

  <br/>
  <br/>
  <a href="index.html"><b>English</b>
  <br/>[no need for fallback text in case of English.]</a>
  <br/>
  <br/>
  <a href="index_fr.html"><b>Français</b>
  <br/>[how to show fallback text if 'ç' cannot be displayed properly?]</a>
  <br/>
  <br/>
  <a href="index_ja.html"><b>日本語</b>
  <br/>[how to show fallback text here if '日本語' cannot be displayed properly?]</a>

</body>

</html>

如何显示浏览器不支持的字符的后备文本？

如何让浏览器显示后备文本而不是浏览器不支持的文本方框？

0 个答案: