更改：包含重音字母的链接的悬停颜色

Question

不出所料，我在某些html页面上有一些链接。其中之一是：

<a href="#">Questo &egrave; un link</a>

我使用以下css规则管理他们的颜色和相关过渡：

a, a:visited {
  text-decoration: none;
  border-bottom: 1px dotted white;
  color: inherit;

  /* transitions */
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}

a:hover {
  border-bottom: 1px solid #003366;
  color: #003366;
}

使用最新的Safari和最新的Chrome，重音不会受到颜色变化的影响。看截图，重音应该是蓝色和其他字符一样。

编辑：我忘了说我使用的是特定的字体。默认字体或其他字体集没有问题。但我需要使用那个（Orbitron）。

有没有快速解决方法？

Answer 1

该字体使得某些glyphes指标错误。参见：

字体的上升符为750，但字形的上限为904.当它溢出到em方块之外时，链接不够高，不能包含一些字符。

你最好的举动是使用另一个（Jura可能？），因为我能想到的唯一解决方案有一些缺点：

a {
    display: inline-block; /* so links take line-height as min-height */
    line-height: 1.68em; /* make line-height encompass all (one can hope) glyphes */
}

这将防止链接内部的换行并增加链接行框的高度。但它解决了你的问题。