CSS信被切断了。如何显示整个文字？

Question

我的标题中有文字问题。我使用谷歌字体（Pinyon Script），其中一个字母被截断。我不明白为什么......我尝试了溢出属性，但它不起作用。当屏幕宽度在935和970像素之间时，问题是www.x4v1.com/cecile/上的粉红色标题。第二个单词的第一个L被截断，我想显示所有文本。请问你能帮帮我吗 ？提前感谢你。

在Chrome上：

Answer 1

你正在以错误的方式做到这一点。您使用的字体是从其继承的大小（行高，字母间距等）中获取的。因此，您应该为h1元素提供较大的尺寸，span元素的尺寸较小。

要解决此问题，请执行以下操作：

<h1 id="myheader">
    C<span class="lowerfont">écile</span> 
    L<span class="lowerfont">astchenko</span>
</h1>

添加以下CSS

#myheader {
    font-size: 6em;
}
.lowerfont {
    font-size: .75em;
}

Answer 2

这是我能看到的，应该遗漏的是什么？