html - Webkit 浏览器在左侧裁剪斜体字体

Question

我在使用手写 Google 网络字体 Meddon 的个人启动页面上遇到了问题。正在发生的事情是，Webkit 浏览器（Chrome、Safari、iOS Safari）看似随机地剪裁了字体的左侧。

你可以在我的个人页面上看到这个问题。刷新或调整页面大小时，JH 的左侧会随机出现/消失。

有谁知道这个的解决方案？更好的是，有谁知道是什么导致了这种行为？

Answer 1

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

演示

像这样更新.jh课程 -工作演示

.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;
}