通过HTML5和谷歌文本API重新创建文本效果

如何使用HTML5、CSS3和谷歌文本API（如果需要）在下图中重新创建文本效果，包括阴影和边框

---

有许多方法可以重新创建图形。您可以完全定位元素，也可以让元素很好地流动到位

对于后者（我更喜欢），您需要一个用于图像（作为背景）的容器，一个用于保存文本（具有半透明背景）的容器，然后是文本本身，将其分解为内联/内联块元素，以便您可以设置每个元素的样式

下面是我如何使用内联块适当地布局文本并更改每个文本元素（包括google text API）的字体/字体大小/填充的方法：

JS小提琴：

---

显然，我并没有试图修改字体本身。

谢谢您的快速回复。你能如此紧密地匹配它，真是不可思议。