替换段落中的所有字符

Question

你能想到用css替换段落/字符串的所有字符与另一个文本或unicode字符的方法吗？我的观点是将此文本显示为“混淆”/隐藏。

假设我有一个段落，我希望每个字符都替换为这样的unicode字符：http://www.fileformat.info/info/unicode/char/2588/index.htm。这是一种方式，但没有javascript我无法实现。另一种我认为使用SVG的方法，但我无法想到更具体的方法。

现在，我们使用Blokk font并且效果很好，但我想这样做，而无需额外调用另外一种字体。

我知道这主要是一个理论问题，所以我不希望你用代码向我提供确切的答案。我宁愿知道是否有人知道我可以继续工作。

Answer 1

您可以使用background-color并将其设置为与文本本身相同的颜色。这实际上并没有改变内容，但可能会给出您正在寻找的结果。

例如：

.hidden {
  background-color: #000;
}
.hidden:hover {
  background-color: transparent;
}

<p>
Here is some <span class="hidden">hidden</span> text.
</p>