我有一个外线字体但我想用css填充它的颜色。它可以填充颜色

Question

我正在尝试使用this batman font创建轮廓发短信，如下所示：

如何使用CSS执行此操作？

Answer 1

字体本身有外线所以，你只需要为文字添加颜色，你只需为你的轮廓字体添加color:red;。

例如：

<h1 style="font-family: myFirstFont; color:green;">FONT <span style="color:red;"> COLOR</span></h1>

您的结果Here what you are looking for

Answer 2

您无法通过字体

中的css3填充颜色

  

使用文字阴影

看到这个：

  

check image

use constraints over frame

Answer 3

要设置可以使用text-stroke的字母的笔划，请注意IE上不支持此属性。

或者你可以使用SVG。

h1 {
  font-size: 150px;
  font-family: "Arial Black", Gadget, sans-serif;
  color: rgba(255, 255, 255, 0.0);
  -webkit-text-stroke: 5px gray;
}
h1 > span {
  -webkit-text-stroke: 5px red;
}

<h1><span>T</span>A</h1>