css - 制作浮雕文字

Question

我找到了这个用文本制作浮雕效果的解决方案。这真的是最好的方法吗。任何关于它的新想法。如果您必须添加额外的跨度标签来获得正确的字距调整，它就无法使用。我猜它添加了额外的节点并弄乱了伪选择器。

Answer 1

您可以使用文本阴影。

text-shadow{0px 1px 0px #fff, 0px -1px 0px #000}

但是，这在 IE9 之前的任何东西中都不起作用。

Answer 2

它不一定是跨浏览器友好的，但总是有文本阴影来模拟浮雕风格。

h1.embossed {
    text-shadow: 1px 1px 2px #fff;
}

JS 小提琴演示。