Jquery Webfont在某些窗口大小时被切断

我有一个问题，我不明白是什么原因造成的。我买了一种很酷的字体，用于响应性设计。在特定的窗口大小下，字体会被窗口边缘截断。下面是一个屏幕截图：

使用CSS3 word break某种程度上解决了这个问题，但我不想在这种情况下使用它。还有其他选择吗？
我更喜欢只使用CSS的选项，但如果涉及JavaScript或jQuery，我也可以

使用的字体是。以下是我对该文本的CSS：

.text {
    font-weight: normal;
    margin-bottom: 24px;
    color: blue;
    font-family: ArmitageBlack-Italic, sans-serif;
    font-size: 3.75em;
    line-height: .85;
    text-transform: uppercase;
    letter-spacing: -0.29ex;
}

只要字体足够大，就可以用任何字体重新创建问题。如果字体为斜体，则非常明显。
文本在此容器中：

.container {
    display: table;
    width: 100%;
    height: 100%;
    padding-top: 25px;
    background-color: grey;
    text-align: center;
}

---

如果文本为斜体，文本将显示在“所在”位置之外，如果字体较大，则问题更严重。据我所知，解决这个问题的唯一方法是老套地添加填充：（

如果不知道你的CSS，或者你的webfont是什么，或者没有一个指向演示页面的链接，这真的很难帮上忙。@minitech对此表示抱歉！我已经添加了字体信息和CSS。我很想创建一个测试页面，但由于它是一种字体，你必须购买，恐怕不可能。它是在任何具有设置宽度的容器中，还是

word wrap

规则，或者…？另外，它可以用您当地的任何字体复制吗？Arial Black italic，或者其他什么？@minitech我刚刚在我的第一个问题中添加了信息：-）删除

字母间距

可以修复任何问题吗？