如何使网页上的文字看起来是可读的英文,但实际上却难以辨认?
How to make text on a webpage appear to be readable English but is actually illegible?
我希望通过使其完全难以辨认来混淆某些文本。
虽然手写很容易做到,但我需要在 Verdana 网页上完成。
我在想我是否可以制作一种 Verdana 风格的字体,将许多字母的上下半部分互换,或者我可以重叠文本行,使其变得一团糟。
另一种方法是使用 DeepStyle 图像代替文本。
解决此问题的最佳方法是什么?
这个 q 可能已关闭,但是,这里有一些东西,来自 here(模糊)的想法,加上我自己的想法。
p {
font-family: verdana;
text-decoration: line-through;
}
.blur {
color: transparent;
text-shadow: 0 0 7px rgba(0,0,0,0.5);
}
<p class="blur">
Now that we know who you are, I know who I am. I'm not a mistake!
It all makes sense! In a comic, you know how you can tell who the
arch-villain's going to be? He's the exact opposite of the hero.
And most times they're friends, like you and me! I should've known
way back when... You know why, David? Because of the kids. They
called me Mr Glass.
</p>
或者 text-shadow
解决方案?
#mangle {
text-shadow: 0.1em 0.1em,
-0.1em 0.1em,
0.1em -0.1em,
-0.1em -0.1em;
}
<p id="mangle">Sufficiently obfuscated?</p>
我希望通过使其完全难以辨认来混淆某些文本。
虽然手写很容易做到,但我需要在 Verdana 网页上完成。
我在想我是否可以制作一种 Verdana 风格的字体,将许多字母的上下半部分互换,或者我可以重叠文本行,使其变得一团糟。
另一种方法是使用 DeepStyle 图像代替文本。
解决此问题的最佳方法是什么?
这个 q 可能已关闭,但是,这里有一些东西,来自 here(模糊)的想法,加上我自己的想法。
p {
font-family: verdana;
text-decoration: line-through;
}
.blur {
color: transparent;
text-shadow: 0 0 7px rgba(0,0,0,0.5);
}
<p class="blur">
Now that we know who you are, I know who I am. I'm not a mistake!
It all makes sense! In a comic, you know how you can tell who the
arch-villain's going to be? He's the exact opposite of the hero.
And most times they're friends, like you and me! I should've known
way back when... You know why, David? Because of the kids. They
called me Mr Glass.
</p>
或者 text-shadow
解决方案?
#mangle {
text-shadow: 0.1em 0.1em,
-0.1em 0.1em,
0.1em -0.1em,
-0.1em -0.1em;
}
<p id="mangle">Sufficiently obfuscated?</p>