Css 使用@font-face调用修复Google Chrome中的字体平滑问题会破坏Firefox中的字体渲染。为什么？

我正在使用

@font-face

调用试图解决Google Chrome中的字体平滑问题（如图所示：）

它可以完美地工作，但它会让字体在Firefox中看起来很糟糕，因为它在Firefox中可以正常渲染。另一方面，IE8在这两方面都表现得非常糟糕

这是我的CSS：

@font-face {
font-family: 'Montserrat';
src: url('../fonts/montserrat-regular-webfont.eot');
src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('eot'),
url('../fonts/montserrat-regular-webfont.woff') format('woff'),
url('../fonts/montserrat-regular-webfont.ttf') format('truetype'),
url('../fonts/montserrat-regular-webfont.svg') format('svg');
}

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

如何解决此问题

---

JSFiddle:

您是否可以共享开发服务器的链接，或者JSFiddle将有助于调试codePravin，JSFiddle补充道。我想如果我在fiddle上没有错的话，您就不能上传资产和共享图像、字体等相关路径，所以即使您也要检查这个，如果您删除了“蒙特塞拉特”，请在firebug中检查，无衬线字体没有改变效果，这意味着自定义字体没有链接，这是我认为会发生的。那你为什么需要JSFIDLE呢？我以为你只想看看整个代码。我怎样才能帮你弄清楚这一点？实际上从提供的图片中，我不知道给你带来麻烦之前和之后的程度。如果有包含实际代码和字体url链接的代码段，则不会出现歧义，您也可以尝试在线现成字体转换，如1）2）可以帮助您获得现成的代码