html - 使用自定义字体而不是 javascript 使空格/制表符/换行符可见

Question

在网页 textarea 或 div 中，我想让空白可见，即将空格显示为小点∙，制表符显示为“⇥”，换行符也显示为另一个字符。这样:

These are spaces
These   are tabs

将显示为:

These∙are∙spaces↵
These⇥are⇥tabs↵

这可以通过将“”字符替换为“∙”等的 javascript 来完成，尽管这是一个有点困惑的解决方案，您必须处理捕捉用户键入空格或粘贴的问题。此外，如果用户查找 (ctrl-f) 文本“这些是”，她将找不到该文本，因为空格实际上是 ∙ 字符。

相反，我找到了一个看起来更简洁的解决方案:创建一个自定义字体，其中空格只是一个可见字符。它非常适合空间——不需要凌乱的 javascript!但是，我无法弄清楚是否可以使用我发现的非常糟糕的免费字体编辑软件来编辑字体中的制表符或换行符。

有谁知道是否可以编辑字体中的制表符和/或换行符，如果可以，你能推荐一个对我来说最容易做到这一点的字体编辑器程序吗？

Answer 1

我认为您不能为特殊字符(例如“制表符”等)创建带有字符的字体。

我不会用 javascript 替换那些字符，我仍然会使用 javascript 来更改选项卡的样式。

These   are tabs

会变成

These<span class="tabs">   </span>are tabs

标签 css 类可以有例如红色背景。

.tabs{
background-color: red;
}