仅限 CSS：将 中的所有字符替换为相同的字符答案

【问题标题】：CSS only: Replace all characters in with the same character仅限 CSS：将 中的所有字符替换为相同的字符
【发布时间】：2021-04-19 06:03:25
【问题描述】：

我有一个，里面有一些文字。我想用相同的字符替换段落中的所有字符，例如一个问号。请注意，这不是一个可行的解决方案，因为它需要先验地指定新字符串的长度：

.hidden {
  text-indent: -9999px;
  line-height: 0;
}

.hidden::after {
  content: "???";
}

举个例子：

<p>Just some text!</p>
<p class="hidden">Hello, world!</p>

应该被渲染：

Just some text! 
?????????????

【问题讨论】：

我可以看到使用纯 CSS 完成的唯一方法是指定仅包含问号字形的字体。不过用 JavaScript 做起来很简单。
唯一的使用方式p = font-size : 0px | p:after = font-size : 12px。此文本不会被搜索引擎索引
stackoverflow.com/a/10212940/1400279
这能回答你的问题吗？ How to use CSS to replace or change text?

标签： html css

【解决方案1】：

一个想法是构建您自己的仅包含 1 个字符（? 符号）的字体并将其用于您的文本。

我对此并不熟悉，但您可以轻松找到很多工具来做到这一点。我将简单地举一个使用奇怪字体的例子来向你展示这个想法：

@font-face {
 font-family: "Strange";
 src: url("https://css-challenges.com/ahem/dugun.regular.otf");
}


p {
  font-size:35px;
}

.hidden {
 font-family: "Strange";
}

<p>some text here</p>
<p class="hidden">some text here</p>

【讨论】：

虽然不理想，但在所有提议的解决方案中，这似乎是唯一可行的解决方案。