Бутстрапский глифовый наклон только частично окрашен

Question

Я использую шрифт шрифта Bootstrap, чтобы отображать значки в ссылках меню. У них есть эффект CSS: hover, который заставляет их менять цвет при зависании. Для большинства глификонов это работает отлично, но по какой-то причине при использовании значка «открытая папка» правая часть значка не правильно окрашена при наведении - она ​​остается невыполненным по умолчанию цветом.

Это происходит только в Safari на Mac (похоже, он отлично работает на Chrome). Я прикрепил скриншот. Есть предположения?

Answer 1

Регулировка расстояния между буквами, похоже, сработает.

.glyphicon{ 
    letter-spacing:3px; 
} 

http://jsfiddle.net/Ru8ME/8/

Answer 2

быстрый хак вы могли бы сделать, это добавить отступы.

.glyphicon-folder-open {padding-right: 10px;} 

http://jsfiddle.net/5Mjq7/

Answer 3

Edit: как предложил Алекс, увеличить атрибут письма-разнос CSS:

http://jsfiddle.net/Ru8ME/12/

От скрипкой:

.glyphicon { 
    font-size: 40px; 
    color: #0C6; 
    letter-spacing:6px; 
} 
.glyphicon:hover { 
    color: #F00; 
} 

I с подтвердите, что это работает на Safari 7.0.2 и Chrome 33 для OS X!