CSS字体边框？

Question

CSS字体边框？

601

随着所有新的CSS3边框的出现（-webkit, ...），现在是否可以为字体添加边框？（就像蓝色Twitter徽标周围的纯白边框）。如果不行，是否有任何不太丑陋的CSS / XHTML黑科技可以实现这一点，或者我仍然需要启动Photoshop来完成？

- Lars Tackmann

12个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Grienauer · Answer 1

我创建了一个比较表格，以便快速概览所有提到的解决方案：

<h1>with mixin</h1>
<h2>with text-shadow</h2>
<h3>with css text-stroke-width</h3>

https://codepen.io/Grienauer/pen/GRRdRJr

- xandy · Answer 2

我曾经尝试使用CSS3来制作圆角和阴影，但后来发现它仍然得不到良好的支持（当然是Internet Explorer(s)）。

最终我尝试在JS中实现（HTML画布与IE Canvas），但对性能有很大影响（即使在我的C2D机器上）。简而言之，如果您真的需要这种效果，请考虑使用JS库（其中大多数应该能在IE6上运行），但不要因为性能问题而过度使用；如果您仍然需要替代方案...您可以使用SFiR，然后进行PS处理并再次使用SFiR。CSS3今天还没有准备好。