CSS字体边框？

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

#1楼

要详细说明提到-webkit-text-stroke的一些答案，下面是使它起作用的代码：

1div {
2  -webkit-text-fill-color: black;
3  -webkit-text-stroke-color: red;
4  -webkit-text-stroke-width: 2.00px; 
5}

在深入的文章有关使用文本行程是在这里和浏览器的列表，支持文字笔画是在这里 。

#2楼

1text-shadow:
2    1px  1px 2px black,
3    1px -1px 2px black,
4   -1px  1px 2px black,
5   -1px -1px 2px black;

#3楼

我曾经尝试用css3做那些圆角和阴影。 后来，我发现它仍然受支持不佳（当然是Internet Explorer！）

我最终尝试在JS（带有IE Canvas的HTML canvas）中执行此操作，但是它对性能的影响很大（即使在我的C2D机器上也是如此）。 简而言之，如果您确实需要这种效果，请考虑使用JS库（它们中的大多数应该都可以在IE6上运行），但由于性能问题，请不要过分这样做； 如果仍然需要替代方案，则可以使用SFiR，然后使用PS和SFiR。 CSS3今天还没有准备好。

#4楼

似乎有一个“ text-stroke”属性，但（至少对我而言）它仅在Safari中有效。

http://webkit.org/blog/85/introducing-text-stroke/

#5楼

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

1#element
2{
3  text-shadow: 0 0 2px #000; /* horizontal-offset vertical-offset 'blur' colour */
4  -moz-text-shadow: 0 0 2px #000;
5  -webkit-text-shadow: 0 0 2px #000;
6}

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