相关疑难解决方法(0)

我在我正在开发的页面中使用自定义字体,Droid Sans,并且在某些字体大小,底部被切断,但仅限于Opera和webkit浏览器.

它很容易在Google自己的网页上重现,寻找Droid Sans并以18px显示整个字母:http://www.google.com/webfonts

小写特别清楚g.

是否有一些css技巧/黑客我可以用来增加行高/显示整个字符或我真的只限于某些字体大小？

line-height而padding例如不改变任何东西,20px的font-size正常工作,并在目前我使用的是Windows 7.

编辑:顺便说一句,我知道这里有一个类似的问题,但由于接受的答案是改变字体大小而其余答案不适用,所以对我来说没什么用处.

编辑2: 至少现在显示问题的示例(左下栏,幻灯片下,Il Cerca Viaggi).

编辑3:问题似乎仅限于Windows,虽然我不确定哪个版本.

编辑4:我添加了一个来自Google Webfonts的屏幕截图,以显示该问题并非针对我正在开发的网站.

我需要在 flex 框中使用斜体字体，但文本由于溢出而被剪裁。

我想要的文本条件：

1. 溢出必须不可见
2. 文字不得剪裁

这是我目前的情况（小蓝框表示文本框大小）：

我想要这个：

如何做到这一点？

我从这篇 SO 帖子中得到了一个 hack，但它造成了一个严重的问题，您可以在下面的代码段中看到。

我目前的代码在这里：

body {
  font-family: sans-serif;
  font-size: 30px;
}
.ellipsiswrap {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.italic {
  font-style: italic;
}
.italicguard {
  padding-right: 0.3em;
  margin-right: -0.3em;
}
.usernamewrapper {
  font-size: 1.2em;
  overflow: hidden;
  display: flex;
  background-color: #303030;
  color: #fff;
}
.opacity5 {
  opacity: 0.5;
}
.screenname {
  margin-left: 0.3em;
  flex: 1;
}

.widthlimit150 {
  width: 300px;
}

.widthlimit70 {
  width: 140px; …

我正在开发一个以排版为中心的网站，并偶然发现了 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 总是在一行接近换行符之前以及字形超出字体文件边界框的确切位置剪切字体。

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