如何使用CSS制作这种斜面文字效果？

Question

有没有办法只用CSS给这个斜面看文字？

要清楚，我正在寻找具有厚度的文字，但是以斜面的方式。例如，不是你用text-shadow得到的东西，它似乎只是extend the edges of the font。

Answer 1

根据我的经验，你做不到。我所见过的最接近的事情是评论中提到的插入文字阴影技巧，我也没有在网上看到任何可以解决这个问题的内容。

我认为搜索引擎优化和可访问性是将其严格保持为HTML / CSS分离的原因。这种效果可以通过具有相应alt属性的img标签（简单解决方案）或通过使用具有适当回退的SVG（用于可选择和可伸缩文本）来实现。此外，如果您正在寻找流动/包装文本，SVG也可以处理它。请查看此答案以获取更多详细信息：Auto line-wrapping in SVG text

Answer 2

在这里，玩弄数字直到你得到满意的结果。

.inset {

color: rgba(10,60,150, 0.8);
text-shadow: 3px 4px 6px #def, 0 0 0 #000, 1px 4px 6px #def;
}

http://codepen.io/damianocel/pen/yYGRBP