在文本块周围添加白色轮廓

Question

需要在文本周围添加直白色轮廓（没有像文本阴影中的模糊效果）。 例如：

Answer 1

您可以使用多个文字阴影。

text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;

read more details on this

Answer 2

有text-stroke，但不幸的是它只是webkit。

.text_class {
   -webkit-text-stroke: 1px black;
}

它带有一个后备，但如果您不介意它在FF / Opera / IE中恢复，那么使用它是安全的。

.text-class {
   color: black;
   -webkit-text-fill-color: white; /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: black;
}

CSS-Tricks在text-stroke here上有更多信息。