用于双倍高度文本的css和用于字体样式的双倍宽度文本

Question

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

除此之外的任何代码？

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

我的期望如下.

谢谢.

Answer 1

OP,

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

看到这个小提琴: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个供应商前缀,但应根据需要应用它们. - 只有上面这个,这个小提琴http://jsfiddle.net/LTaAy/1/已经更新.

希望能帮助到你.