css - Georgia 字体的起始高度不同

Question

我有网络安全字体 georgia，它非常适合我想要的东西。

我遇到的唯一问题是字体底部没有对齐。

http://jsfiddle.net/JW7F8/

<style>
.georgia {
    font-family:georgia;
    font-size:1.9em;
}​
</style>
<span class="georgia">
    1234567890
</span>
​

正如您在 fiddle 中看到的那样，1、2、6 和 8 的起点都比其余部分高一点。

问题:我怎样才能渲染 georgia，使其全部从一行开始，同时仍然能够使用 XXem 设置站点。

我不介意:

• 拆分字符串
• 设置不同的类

我只需要一个仍然允许动态调整大小的可行解决方案。

Answer 1

这只是字体的样式，从技术上讲，所有字体字符都排成一行(如果突出显示文本，它将显示字体字符的高度)。

即使拆分字体，您也无法始终如一地排列 Georgia 字体，因为偏移量必须根据字体大小而变化。这可以使用 em 实现，但至少会很麻烦，并且很难跨浏览器一致地工作。

此外，更改字体位置将导致 Kerning问题。

---

然而，还有另一种类似的字体受到 Georgia 的影响，它确实符合:

Georgia incorporates influences from Clarendon-style typefaces

http://en.wikipedia.org/wiki/Clarendon_(typeface)