CSS字体边框？

Question

有了所有新的CSS3边框-webkit，现在可以在字体中添加边框了吗？（就像蓝色的Twitter徽标周围的纯白色边框一样）。如果不是，是否有任何不太丑陋的骇客会在CSS / XHTML中完成此任务，还是我仍然需要启动Photoshop？

Answer 1

正确的答案是：

h1 {

    color: yellow;

    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;

}

<h1>Hello World</h1>

这将从四个侧面设置四个相同类型的阴影。

Answer 2

您可能使用css （或/ ）和非常低的模糊度来模拟文本笔划：text-shadow-webkit-text-shadow-moz-text-shadow

#element

{

  text-shadow: 0 0 2px #000; /* horizontal-offset vertical-offset 'blur' colour */

  -moz-text-shadow: 0 0 2px #000;

  -webkit-text-shadow: 0 0 2px #000;

}

但是，尽管它比该-webkit-text-stroke属性更广泛可用，但我怀疑您的大多数用户都可以使用它，但这可能不是问题（优美的降级，以及所有这些）。