blockquote css在IE 11中无法正常显示

Question

我正在使用“blockquote”元素在我的网站上添加引用。这是我正在使用的代码：

blockquote {
  @extend .no-margin;

  position: relative;
  padding: 15px 60px;
  text-align: center;
  font-size: 2.5em;
  font-style: italic;
  font-weight: 400;
  line-height: 1em;
}

blockquote:before, blockquote:after {
  position: absolute;
  font-size: 3em;
  line-height: 1;
  font-weight: 300;
}

blockquote:before {
  top: 0;
  left: 20px;
  content: "\201C";
}

blockquote:after {
  top: 0;
  right: 20px;
  content: "\201D";
}

这是HTML：

<blockquote>
  Here's my quote
</blockquote>

这是Safari / Chrome / Firefox / Edge中的结果：

以及它在Internet Explorer 11上的显示方式：

我该如何解决这个问题？