Webkit浏览器在左侧剪切斜体字体

Question

我在个人启动页面上遇到了一个问题，其中有一个手写的Google webfont，Meddon。发生的事情是，看似随机的Webkit浏览器（Chrome，Safari，iOS Safari）正在剪切字体的左侧。

您可以在my personal page上看到问题。刷新或调整页面大小时，JH的左侧将随机显示/消失。

有人知道这方面的解决方案吗？更好的是，是否有人知道是什么导致了这种行为？

Answer 1

这是因为您的jh容器宽度不够，请看这里

Demo

像这样更新.jh类 - Working Demo

.circle .jh {
    margin-top: 50px; /* You can adjust this */
    font-family: "Meddon";
    font-size: 75px;
    width: 200px;
    height: 120px;
    text-align: center;
    color: #f2f2f2;
    text-shadow: 1px 1px #ff8e00;
    border: 1px solid #ff0000;
}