CSS3：フォントの高さを変更する方法はありますか？

Question

現在私が構築しているサイトで、フォント置換技術によって見出しを選択できるようにしています。問題は、私がサイトをデザインしたフォントが元のフォントよりも縦方向に20％短くなっていることです。

私は線の高さを縮めて上下の間隔を短くすることができると知っています。フォントを「見える」ようにするには、文字間隔を変えることができますが、それは理想的ではありません。

ここで私はStackoverflowの質問を掘り下げてきましたが、CSS 2.1はフォントの表示の高さに対する開発者の関わりをサポートしていないことを発見しました。

フォントの高さを手作業で短くするのに役立つCSS3モジュールやjQueryスクリプトなどがあるのではないかと思っていましたか？

または、フォントを置き換える技術がありますか？たとえば、Cufon見出しを短くする方法はありますか？

ありがとうございます。

Answer 1

あなたが言及したCufonのようなCanvasの置き換えを生成するフォント置換を使用する方法があります。

もしあなたがhtmlキャンバスのプロパティを利用できるのであれば、キャンバスの幅/高さをCSSで変更するとキャンバスは画像のように振る舞い、すべての要素を20％短く同じ幅にしたいのと同じようにjavascriptを実行する必要がありますが、短い高さを適用する前に幅を正確に同じ値に設定する必要があります。このビットを省略すると、高さと幅の両方でキャンバスを拡大/縮小できます。

理論的には、フラッシュの置き換えにも理論的には当てはまると思います。

点滅やその他の不具合が発生しないかどうかは不明です。あなたのページに短くしたいCufon要素が多くない場合は、Cufonを置き換えた直後にそれを行うと、そのトリックを行う必要があります。

幸運を祈る！あなたのデザインに忠実滞在はYであなたはCSSは、あなたのテキストのdivに変換を適用し、0.8でそれを拡張することができ雌犬笑

Answer 2

-webkit-変換することができます。scaleYの（0.8）

レンダリングすることができますしかし、少し予測することはできません。