CSS3 Несколько столбцов отрезан курсива

Question

Мой пример: http://jsfiddle.net/zzhT3/ (смотрите на букву «р», пожалуйста),

К сожалению, когда я использую несколько-столбцов, порезы 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 (divs внутри div) вместо использования правил -webkit. Они кросс-браузер, и я думаю, что divs более гибкие с точки зрения того, что вы можете с ними сделать.