Html @使用CSS3关键帧动画时剪切的字体面字体

我有四个绝对定位的div，它们使用css3

@-webkit关键帧

动画淡入并移动。我注意到我正在使用的

@font-face

的一些衬线和下行线在div的自动计算边缘被裁剪（我正在使用

text-align:left

，所以我只在div的左边缘和下边缘注意到这一点

我可以通过为div定义固定大小，并更改为

text align:center

，来解决这个问题，但我很好奇是否有更好的方法来解决这个问题，因此，如果文本更改或需要更改

字体大小，我不必更改div的大小

编辑：下面是一些代码，让你了解我在做什么

div#text_2
{ 
    position: absolute;
    top: 288px;
    left: 100px;
    font-size: 65px;
    color: #C0DB81;
    font-family: 'TFArrow-Medium'; /* This is defined in another css file */
    -webkit-animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.35, 1.0);
    -webkit-transform: translateZ(0);
    -webkit-animation-duration: 4s;
    -webkit-animation-name: text_fade_in2;
}

@-webkit-keyframes text_fade_in2
{
    0%      { opacity: 0; }
    25%     { opacity: 0; }
    50%     { opacity: 1; }
    100%    { opacity: 1; }
}

这解决了裁剪问题：

div#text_2
{ 
    position: absolute;
    top: 288px;
    left: 100px;
    font-size: 65px;
    color: #C0DB81;
    font-family: 'TFArrow-Medium'; /* This is defined in another css file */
    -webkit-animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.35, 1.0);
    -webkit-transform: translateZ(0);
    -webkit-animation-duration: 4s;
    -webkit-animation-name: text_fade_in2;
    height: 65; /* 60px is the auto-calculated height in Safari */
}

我与一些WebKit开发人员进行了交谈，发现了一个新的WebKit bug。他们用web呈现的术语（对此我完全不知道），但我相信这是他们提出的问题：

同时，一个解决方法是将此CSS添加到网页中（警告：这将大大增加大量文本的呈现时间）：

你能用小提琴复制这个问题吗？@Mooseman不。似乎不能在其他地方复制它……那么你能提供一个链接吗？肯定有其他CSS干扰。@Mooseman原来是一个WebKit错误
* { text-rendering: optimizelegibility; }