当文本大写时，Web字体高度不一致

Question

我在导航中使用VAGRoundedStd-Bold作为我的字体。导航全部大写。在页面上呈现时，高度是一致的。

screenshot of the navigation

这是我的导航CSS：

.mainNav {
  font-family: VAGRoundedStd-Bold, sans-serif;
  text-rendering: optimizeLegibility;
  text-transform: uppercase;
  width: 100%;
  max-height: 0;
  position: absolute;
  top: 40px;
  right: 0;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.8s;
  transition: max-height 0.8s; }

请让我知道我应该改变什么。

谢谢！