悬停时的字体问题

Question

http://i.stack.imgur.com/D3plE.png 我正在使用龙虾字体（我知道，这很可怕）用于客户端的导航栏，当链接是静态的时，它会丢失一些字母的结尾，但是当我将鼠标悬停在整个字母上时，我没有设置为链接的任何宽度，所以它们不像隐藏在盒子或任何东西后面...... 我附上了一张图片，顶部图片是正常链接，底部是悬停。 我基本上希望它包含字母的所有部分，如底部图像。

normal的文本阴影的不透明度为0.4，如果有帮助，悬停状态的不透明度为0.7。

.links a {
color:white!important; 
text-shadow: 1px 2px 0px black;
opacity:0.7;
}


.links a:hover {
opacity:1;
}


<h2 class="center links"><a href="#">Contact</a></h2>

js在这里使用龙虾http://jsfiddle.net/JSbdh/ 虽然，它似乎不是一个问题，这使它更奇怪