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 会这样做，因为它们都是网络优化的。

因此您可能要考虑使用多列 div 布局(div 内的 div)而不是使用 -webkit 规则。它们是跨浏览器的，而且我认为 div 在您可以使用它们方面更灵活。