Css 从容器中伸出的字体

我将我的脚趾伸进字体脸，并使用FontSquirrel为一种叫做tangerine的草书字体创建了必要的文件

我想将其用于拉引号，因此在右侧创建了一个小的浮动区域。我注意到字母的顶部超出了容器的边缘。案文是这样写的：

<p><span class="quote">I would recommend the sessions to all mums.</span>Mel very quickly gauged the kind of person ...</p> 

为什么这句话从盒子里露出来了

---

谢谢。

更新：

你的文本太大，将使文本减半

你的宽度不够大

如果不更改其中一个，您将无法实现您想要实现的目标，正如我之前解释的，如果您添加这段代码并更改字体或宽度，您将无法实现它

word-wrap: break-word;

---

这会导致文本保留在div中-

您是否知道这样写：font-family:tangerine-regular；是否仅在实际安装了此字体的计算机上显示此字体

我会增加右边的填充。。换行：打断单词是个好主意，但在这种情况下不行

.quote {
width:235px;
padding:5px 20px 5px 15px;
}

---

它应该适合每个人。我以前给过别人这个答案，没有任何问题。谢谢-在css中，我有指向tangerine文件的链接，所以我认为应该嵌入字体，好吗？我本以为浏览器会计算字母/单词的放置位置，使其适合容器=就像其他字体一样。。。我不明白为什么它在这里不起作用谢谢-但它把单词一分为二。。。这是因为1）你的字体太大2）你的宽度不够大。除非你把这两个都换了，否则它不会起作用。

.quote {
width:235px;
padding:5px 20px 5px 15px;
}