Chrome和Opera中的文字呈现错误

Question

我们的网上商店有一个Chrome和Opera中存在渲染问题的菜单，因为几个星期以来我没有遇到任何问题。
正如您在屏幕截图中看到的那样，文本无法正确呈现 当我将文本项目悬停（具有：具有不同颜色的悬停效果）时，文本项目显示正确，当鼠标离开文本时也是如此。
在某些地方，标题也显示不正确，但它们没有悬停效果，因此我需要选择文本，取消选择后它将是正确的。

有没有人在Chrome或Opera中遇到同样的问题而且知道如何修复它？ 我尝试在项目中添加z-index，但这并没有帮助。

编辑：
我不首先添加代码，因为我希望有人在Chrome更新时遇到同样的问题而且他们知道如何修复它。
css也很大，因为它是一个带有很多css规则的菜单插件 如上所述，过去几周发生的代码也没有变化，一切都很好。

Answer 1

不同的浏览器可能会略微不同地呈现字体。你无法改变它。

尝试使用：

@font-face {font-family: 'fontname';
src: url('../../includes/fonts/fontname.eot');
src: url('../../includes/fonts/fontname?#iefix') format('eot'),
url('../../includes/fonts/fontname.woff') format('woff'),
url('../../includes/fonts/fontname.ttf') format('truetype'),
url('../../includes/fonts/fontname.svg') format('svg');
font-weight: normal;
font-style: normal;}

@media screen and (-webkit-min-device-pixel-ratio:0) {@font-face {font-family: 'chunk-webfont';
src: url('../../includes/fontsfontname.svg') format('svg');
}}

我知道Arial是一种网络字体但是可以生成字体并尝试相同的效果。