覆盖2个文本HTML/CSS

好的，所以我基本上想要两个标题相互重叠，这样白色的看起来像黑色的边框，但是我似乎无法理解，浅灰色的框是div

档案：

正文{
背景图片：url（“indexbg.jpg”）；
背景尺寸：封面；
背景重复：无重复；
背景附件：固定；
}
h1.标题ATF{
文本对齐：居中；
字体家族：“联盟”；
字体大小：100px；
颜色：黑色；
}
h1.1阴影tatf{
文本对齐：居中；
字体家族：“联盟”；
字体大小：104px；
颜色：白色；
}
分区包装器{
位置：绝对位置；
左：50%；
转换：转换（-50%，0%）；
背景：rgba（100100100,0.25）；
宽度：90%；
文本对齐：居中；
}
@字体{
字体家族：联盟；
src:url（Coalition.tff）；
}

塔夫
塔夫

您可以通过文本阴影而不是重叠两个标题来实现这一点

.titleTATF{
文本对齐：居中；
字体家族：“联盟”；
字体大小：104px；
颜色：白色；
文本阴影：
-1px-1px 0#000，
1px-1px 0#000，
-1px 1px 0#000，
1×1×0#000；
}

塔夫

为什么不使用文本阴影？文本阴影只会在文本的一侧添加阴影，它不是文本的轮廓。我给你举个例子，看，不错！谢谢！