字体拉伸属性不适用于 IE11

Question

.bord {
  border: 1px solid black;
  font-stretch: extra-condensed;
}

<div class="bord">
  Hello, there is an error in your code. Also the content does not condense as desired
</div>

bord 类包含 font-stretch css 属性，但似乎不适用于 IE11

Answer 1

根据this，原因如下：

为了使用font-stretch 并查看某种结果，字体 被使用的脸必须与给定的值相匹配。其他 话，font-stretch 不适用于任何字体，而只能用于字体 设计有与定义的尺寸相匹配的不同面。

所以这不是 IE11 问题。

这是一个带有您的代码的 sn-p（未设置字体）：

.bord {
  border: 1px solid black;
  font-stretch: extra-condensed;
}

<div class="bord">
  Hello, there is an error in your code. Also the content does not condense as desired
</div>

这是一个带有字体集的 sn-p（可以拉伸/压缩）：

div {
  border: 1px solid black;
  font-family: arial;
}
.bord {
  font-stretch: extra-condensed;
}

<div class="bord">
  Hello, there is an error in your code. Also the content does not condense as desired
</div>
<hr />
<div>
  Hello, there is an error in your code. Also the content does not condense as desired
</div>

注意：

• 记住这是 CSS3 属性，目前还没有在浏览器中广泛使用，只有 IE9+ 和 Firefox 9+。