Fonts Safari切割Entypo图标

Fonts Safari切割Entypo图标,fonts,safari,icons,Fonts,Safari,Icons,我试图使用Entypo图标,但我在MacOSX(Mavericks)上的Safari中遇到了这个问题- 由于某种原因,图标被剪掉了。不过,在Chrome中一切都很好 CSS: HTML: 这已由投稿人更正。从Git下载: .showblock .title { position: relative; display: block; height: 30px; padding: 0 0 0 40px; margin: 0 0 15px 0; col

我试图使用Entypo图标,但我在MacOSX(Mavericks)上的Safari中遇到了这个问题-

由于某种原因,图标被剪掉了。不过,在Chrome中一切都很好

CSS:

HTML:


这已由投稿人更正。从Git下载:

.showblock .title {
    position: relative;
    display: block;
    height: 30px;
    padding: 0 0 0 40px;
    margin: 0 0 15px 0;
    color: #000;
    font-size: 18px;
    line-height: 30px;
    text-decoration: none;
}
    .showblock .title:before {
          position: absolute;
          left: 0;
          top: 0;
          font-family: 'entypo';
          font-size: 60px;
          line-height: 30px;
    }

.icon-behance:before {
    content: "\F34E";
}
<a href="#" class="title icon-dribbble">Dribbble Playground</a>