如何用 CSS 制作斜角文字效果？

Question

有什么方法可以只用 CSS 使文本呈现斜角外观吗？

要明确的是，我正在寻找具有厚度的文本，但以“斜角”方式。 例如，不是通过文本阴影得到的，它似乎只是扩展字体的边缘。

Answer 1

不过，我认为 SEO 和可访问性是严格将其作为 HTML/CSS 分离的原因。这种效果可以通过具有相应 alt 属性的 img 标签（简单解决方案）或通过使用具有适当后备的 SVG（用于可选择和可缩放文本）来实现。另外，如果您正在寻找流动/环绕文本，SVG 也可能能够处理该问题。检查此答案以获取更多详细信息：

SVG 文本中的自动换行

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