如何像CSS一样在CSS中拉伸文本？

Question

我想使用CSS或其他一些可能的技术来拉伸文本（如ms-word）。
以下CSS实际上并没有伸展任何东西：

font-stretch:ultra-expanded;

如果我错了，请转发我 提前谢谢。

Answer 1

您可以使用CSS变换，例如

＆＃13;

＆＃13;

h2 {
  width: 50%;
  margin: auto;
  transform: scaleX(2);
}

＆＃13;

<h2>Stretched text</h2>

＆＃13;

＆＃13;

＆＃13;

但通常扭曲字体并不是一个好主意。寻找最初看起来像你需要的网络字体可能会更好。

Answer 2

font-stretch（字符本身）可以通过css3的transform：scaleX（）和transform：scaleY（）属性来实现，在这些属性中你要拉伸哪个维度。
这是跨浏览器兼容的CSS：

-webkit-transform:scaleX(2);
-moz-transform:scaleX(2);
-ms-transform:scaleX(2);
-o-transform:scaleX(2);
transform:scaleX(2);

Answer 3

CSS中的一些选项：

.broader {
    letter-spacing:0.5em;
    word-spacing:1.5em;
    text-align: justify;/* Fills to parents borders */
}

除了IE + FireFox之外，其他人不支持

font-stretch ...请点击此处：http://caniuse.com/#search=font-stretch

除了font-stretch实际上不会使任何字体更宽，它只会用更宽的变体替换当前字体......有点像font-style:bold/italic那样。