Html 是否可以使用CSS获得轮廓文本效果？

我使用

Binner-Di-Regular

font。 下面是两个示例图像。第一个显示原始的

Binner Di Regular

字体。第二个显示的字体与Photoshop效果相同。那么，仅仅使用CSS就有可能获得这样的效果吗？或者我怎样才能得到这样一个文本的其他方式，然后CSS

原件

Binner Di Regular

：

Binner Di Regular

带Photoshop效果：

---

这主要是通过使用属性实现的

@导入url(http://fonts.googleapis.com/css?family=Montserrat);
html，正文{
字体系列：“蒙特塞拉特”，无衬线；
字体大小：50px；
文本阴影：
-1px-1px 0#fff，
1px-1px 0#fff，
-1px 1px 0#fff，
1px 1px 0#fff；
背景：黑色；
}

你好。我甚至不在1234567890分区

你可以使用

div{
字体大小：粗体；
字体大小：100px；
字母间距：6px；
文本对齐：居中；
填充顶部：20px；
文本阴影：2px 0px 0#ccc，-2px 0#ccc，3px 2px 0#ccc，-2px-2px 0#ccc，3px-2px 0#ccc，0px 2px#ccc，-2px 2px#ccc，3px 0px 0#ccc，0#8px#000；
}

1234567

Webkit唯一解决方案

在基于Webkit的浏览器中，我们可以使用

-Webkit文本笔划

和

-Webkit填充颜色

属性以及

文本阴影

这适用于Chrome、Safari、Opera、iOS Safari、Android浏览器和Chrome for Android（）

span{
背景#d49d8；
颜色：#3D463F；
显示：内联块；
字体大小：64px；
字号：900；
填充：20px；
文本阴影：0 0 5px#333；
-webkit填充颜色：#3D463F；
-webkit文本笔划：1px白色；
}

---

1234567

您可以通过以下方式使用文本阴影：

p{
字体大小：50px；
文本阴影：1px 1px 0px#fff，
1px-1px 0px#fff，
-1px-1px 0px#fff，
-1px 1px 0px#fff，
1px 1px 3px#000；
背景：灰色；
字体系列：无衬线；
填料：2米；
}

---

文本示例

你是说a？可能是可能的。但是你试过什么吗？搜索有关文本阴影的信息。或未来的伪元素（当前不支持）

文本大纲：2px 2px#ff0000属性可能是无价的。您也可以尝试在一种样式中组合不同的框阴影层，以便实现不同的颜色。它就像
文本阴影：属性，属性
。这与问题中的图像不太相似，是吗？您可能需要更新文本阴影的偏移量。