如何使用HTML、CSS等技术将网页现有文本覆盖替换为其他文本？

该需求完全可以通过纯HTML+CSS实现，不需要引入自定义字体。

核心实现思路是利用CSS伪元素生成要替换的新文本，通过绝对定位覆盖在原有文本上方，还可以刻意调整偏移、背景、字体样式做出粗糙的换皮质感，以下是可直接运行的示例代码：

<!-- 原网站的已有文本标签 -->
<p class="origin-text">旧网站原有文案内容</p>

.origin-text {
  position: relative;
  /* 不需要完全隐藏旧文本就把下一行注释掉，可保留半透或者划掉效果 */
  color: transparent;
  /* 要保留旧文本划掉效果可以用下面的配置替代上面的color */
  /* color: #666;
  text-decoration: line-through; */
}
.origin-text::after {
  /* 这里写你要替换的新文本 */
  content: "换皮后的新文案";
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  color: #000;
  /* 故意加1px偏移，强化粗糙换皮的敷衍感 */
  transform: translate(1px, 1px);
}

你可以根据自己想要的效果调整细节：

• 伪元素可以设置和原文本完全不同的字体、字号、颜色，放大换皮的割裂感
• 如果不需要露出旧文本，直接给原文本设置透明即可，伪元素的纯色背景会完全覆盖下方内容
• 可以给伪元素加个粗糙的边框、不规则的背景色块，更符合你想要的「粗糙换皮」效果

内容的提问来源于stack exchange，提问作者Philip Woulfe