我可以在网页中为每个字母设置 space 吗？

Question

对于一个网页，我想有一个变相文字的段落，很像刽子手。但是他们不是猜字母，而是猜单词。

所以你可能会看到：

_ _ _ _ _ _ _ _

然后如果他们猜'there'，你会得到：

有 _ _ _

但我不希望单词和文本跳来跳去，因为单词被猜对了。 就像 _ _ _ _ _ 占用的宽度比 'there' 多，所以当他们猜到它时，_ _ _ 会跳到左边，如果你明白我的意思。

此外，_ _ _ _ _ 在字符之间有空格，否则你会得到 _____。因此，如果我简单地替换 _ _ _ _ _ 中的每个 _，您将得到 't h e r e'，这也不是我想要的。

有人知道我的意思以及如何让它看起来不错吗？

此外，如果重要的话，我会在 Blazor 中执行此操作。

Answer 1

您搜索的是单色spaced 字体：https://en.wikipedia.org/wiki/Monospaced_font

有关已知单声道spaced 字体的列表，请参见： https://en.wikipedia.org/wiki/List_of_monospaced_typefaces

GoogleFonts 提供了一堆单spaced 字体： https://fonts.google.com/?category=Monospace

通过使用其中之一，包括 space 在内的每个字符都将采用相同的宽度。