webkit-text-stroke在两个页面上的工作方式不同

Question

我在同一个FontAwesome角色的两个不同页面上使用-webkit-text-stroke:2px white;。但结果不同，我无法弄清楚原因。 以下是两者的相关CSS -

page1-

#page_title_container {
  margin-top: 50px;
  margin-bottom: 45px;
  margin-left: 20px;
  color: #fff;
}

#page_title_container .fa-angle-up {
  -ms-transform: scale(1.5, 1);
  -webkit-transform: scale(1.5, 1);
  transform: scale(1.5, 1);
  margin-left: -2px;
  -webkit-text-stroke: 2px white;
}

第2页 -

.section-title-container{
}

.section-title-container .fa-angle-up {
  color: #fff;
  -ms-transform: scale(1.5, 1);
  -webkit-transform: scale(1.5, 1);
  transform: scale(1.5, 1);
  margin-left: -2px;
  -webkit-text-stroke: 2px white;
  margin-bottom: 35px;
}

（这些是最接近的效果样式。如果需要，会上传更多。）

以下是结果 -

page1-

page2-

似乎在第一种情况下，只有边缘变得更大胆2px。第二种情况是期望的结果。

任何人都能解释为什么会这样吗？谢谢！