css - CSS 可以用两种不同的字体或颜色渲染两次文本吗？

Question

In this jsfiddle相同的文本被绘制两次:

• 首先是白色，纯字体
• 然后是黑色，轮廓字体

Londrina Solid 和 Londrina Shadow 这两种字体设计为具有完全相同的指标，并以这种方式一起使用。

有没有办法不用把两份文本放到HTML中就可以用CSS来达到这个效果？ (当然，我也不想将文本的副本放入 CSS。)

Answer 1

五个text-shadow几乎相同¹:

text-shadow: 0.03em 0.03em 0 black, -1.25px 0 0 black, 1.25px 0 0 black, 0 -1.25px 0 black, 0 1.25px 0 black;

Here's a demo!

_{¹ 是的，我知道这是矛盾的。}