css - CSS3 複数の列がイタリック体のテキストを切り取る

Question

私の例: http://jsfiddle.net/zzhT3/ (文字「p」を見てください)、

残念ながら、複数の列を使用すると、webkit は斜体フォントで書かれた文字をカットします (列の境界を超える場合)。これは正常ですか？またはそれを修正することは可能ですか？ありがとう。

HTML:

<div>
pony pony pony pony...
</div>

CSS:

div{    
    -webkit-column-width: 48px; 
    -webkit-column-gap: 10px; 
    font-style: italic;  
    font-family: 'Helvetica Neue';
}

Answer 1

http://css-tricks.com/forums/discussion/18319/parts-of-italicscript-text-being-cut-off-at-start-of-line/p1

これは明らかに css 自体の問題です。Google Open Web Fonts のいずれかがこれを行うかどうか疑問に思います。それらはすべて Web に最適化されているためです。

したがって、ルールを使用する代わりに、複数列の div レイアウト (div 内の div) の使用を検討することをお勧めし-webkitます。それらはクロスブラウザーであり、div で何ができるかという点でより柔軟だと思います。