Safari 会截断字体文件边界框之外的字符

Question

我正在开发一个以排版为中心的网站，并偶然发现了 OS X El Capitan 上 Safari (9.0.3) 的主要字体渲染问题。

我认为 Safari 已知存在超出字体文件 Bearing Bars 之外的字形问题，尤其是在悬停更改时。我找到了解决方法，但 div 块内的纯文本仍然存在问题：

http://jsfiddle.net/bRs3Q/9/

CSS

 body{
             font-size:120px;
             text-align: center;
             text-transform: uppercase;
             font-family: Arial;
             font-style:italic;
     }

.text{
             display:block;
             width:80%;
             margin:0px auto;
      }

Safari 总是在一行接近换行符之前以及字形超出字体文件边界框的确切位置剪切字体。

有没有办法改变字体渲染或操纵换行符？

Answer 1

我自己的字体也有类似的问题。您也许可以像我一样修复它：添加 ie 20px 填充和 -20px 边距。

另请参阅： Chrome 截掉左侧的部分文字，firefox 和 IE 显示正常。Chrome 错误？