字体样式中双倍高度文本和双倍宽度文本的CSS

Question

任何人都可以帮助我在不使用任何图像的情况下在 css 中以字体样式(如点阵打印机)制作双倍高度文本和双倍宽度文本。

除此之外还有其他代码吗？

heading{
   font-weight:bold; 
   width:200%;
}

我的期望如下。

谢谢。

Answer 1

OP,

更新的 fiddle ，包括 transform 的所有供应商前缀和 transform-origin : http://jsfiddle.net/LTaAy/1/

<罢工>看到这个 fiddle :http://jsfiddle.net/LTaAy/

IMG

HTML

  <p class="doubleWidth">DOUBLE WIDTH</p>
  <p class="doubleHeight">Double Height</p>
  <p class="doubleWidthandHeight">Double Width and Height</p>

CSS

p {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
}
p.doubleWidth {
    -webkit-transform: scaleX(2);
    -moz-transform: scaleX(2);
}
p.doubleHeight {
    -webkit-transform: scaleY(2);
    -moz-transform: scaleY(2);
}
p.doubleWidthandHeight {
    -webkit-transform: scaleX(2) scaleY(2);
    -moz-transform: scaleX(2) scaleY(2);
}

<罢工>我只包含 2 个供应商前缀，但应根据需要应用它们。 - 只有上面是真的，这个 fiddle http://jsfiddle.net/LTaAy/1/已经升级。

希望对您有所帮助。