Baskerville字体有错误的渲染

Question

以下代码段演示了此问题：

HTML：

<div class="c1">CPlusPlus JavaScript</div>
<div class="c2">CPlusPlus JavaScript</div>

CSS：

.c1, .c2 {
    font-family: Baskerville;
    border: 1px dotted #888;
    margin: 30px;
    font-size: 80px;
    width: 5em;
}
.c2 {
   padding: 20px; 
}

我有以下渲染：

Letter＆＃34; J＆＃34;在边框框外呈现。其他字体没有这个问题。

是否可以更改该渲染并强制使用＃34; J＆＃34; （也可能是其他类似的字母）在盒子里画画？