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本身的问题。我想知道是否有任何谷歌开放网络字体会这样做，因为它们都是网络优化的。

因此，您可能需要考虑使用多列 div 布局（div 内的 div）而不是使用-webkit规则。它们是跨浏览器的，我认为 div 在你可以用它们做什么方面更加灵活。