CSS可以以两种不同的字体或颜色呈现文本两次吗?

CSS可以以两种不同的字体或颜色呈现文本两次吗?,css,Css,同一文本绘制两次: 首先是白色,采用纯色字体 然后是黑色,轮廓字体 Londrina Solid和Londrina Shadow这两种字体设计为具有完全相同的度量,并以这种方式一起使用 有没有一种方法可以在不将文本的两个副本放入HTML的情况下使用CSS来实现这种效果?(当然,我也不想将文本的副本放入CSS中。)如果您试图创建文本阴影,请退出 这些与不合规IE不兼容,即五个文本阴影几乎相同1: 1是的,我知道这是一个矛盾修饰法。您可以尝试使用:after并使用content属性: h1:a

同一文本绘制两次:

  • 首先是白色,采用纯色字体
  • 然后是黑色,轮廓字体
Londrina Solid和Londrina Shadow这两种字体设计为具有完全相同的度量,并以这种方式一起使用


有没有一种方法可以在不将文本的两个副本放入HTML的情况下使用CSS来实现这种效果?(当然,我也不想将文本的副本放入CSS中。)

如果您试图创建文本阴影,请退出


这些与不合规IE不兼容,即五个
文本阴影几乎相同1:


1是的,我知道这是一个矛盾修饰法。

您可以尝试使用:after并使用content属性:

h1:after, h1 > span.shadow:after {
    content: "Nashville hack day is November 11";
    font-size: 700%;
}
html可以是:

<body>
  <h1><span class="shadow"></span></h1>
</body>

我意识到这可能很麻烦,但至少你只需要写一次内容


请参阅。

我没有答案,但我只想说,这是一个非常酷的问题。如果此练习的目的是解决IE合规性问题,请告诉我,我将删除此答案;-)(但请在问题中明确说明这一点)谁投了反对票,请解释为什么?我做错什么了吗?+1;-不确定这对搜索引擎优化有何影响though@o.v:我的+1给你们两个。聪明。我也会对SEO专家对这种方法的意见感兴趣。请注意(根据我之前的回答,被否决了?)CSS文本阴影在10之前的IE版本上不兼容。@Sepster:你是说“兼容”吗<代码>文本阴影
符合要求。这是不符合的。
<body>
  <h1><span class="shadow"></span></h1>
</body>