如何在这个线框中显示字母？

Question

我正在使用这个线框：

http://comehike.com/MOCKUP3.png

在顶部横幅上有两个部分，如“寻找远足”和“计划远足”

我怎么能写这样的信？它们是白色的，但周围有棕色层。我不知道该怎么做。

另外，那是什么字体？它是否受大多数浏览器的支持？

Answer 1

有一个名为text-stroke的css3属性，它与你提出的内容完全相同。最简单的跨浏览器解决方案是图像。

有关文字笔划的更多信息：http://www.cardeo.ca/2010/adding-an-outline-to-your-text-using-the-css3-text-stroke-property

Answer 2

您可能还会考虑<canvas>炫耀您的Bezier才能：）

Answer 3

使用纯CSS无法让笔画看起来像那样。不幸的是，这是一个photoshop效果，你将无法使用实时文本。

同样适用于导航。这看起来像一个边框效果，所以你必须用图像重新创建它。