应用错误收集

我很怀疑这是可能的，但是我想只考虑字形的水平边缘来居中一个字母（在一个圆圈内）。

特别是Droid Sans中的大写J被调整，使得竖条位于中心，但尾部向左延伸。例如。如果你选择这个字母，尾巴就会离开周围的盒子。

我在Chrome和Firefox中尝试了所有可以找到的CSS属性/值，包括font-kerning和其他CSS3草稿，::first-letter选择器等。

div {
  font-family: "Droid Sans";
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 40px;
  line-height: 50px;
  text-align: center;
  background: #ddd;
}
div + div {
  font-family: Arial
}

<head>
  <link href="https://fonts.googleapis.com/css?family=Droid+Sans" rel="stylesheet">
</head>
Droid Sans:
<div>J</div>
Arial (desired centering):
<div>J</div>

如何在CSS中水平居中一个字母忽略字距（仅考虑字形边缘）？

0 个答案: