谷歌Webfont在Chrome上表现得很奇怪

Question

我在我的Wordpress博客上使用Google Webfont Roboto和Yanone。我正在使用WP enqueue来加载字体：

wp_register_style( 'google-fonts', '//fonts.googleapis.com/css?family=Roboto:300,400,500|Yanone+Kaffeesatz:400,700', array(), null );
wp_enqueue_style( 'google-fonts' );

现在奇怪的行为如下：

字体加载（我可以在我的开发工具上看到）。但它没有表现出来。

1. 当我悬停在Yanone字体上时，它会神秘地显示出来。
2. 当我将鼠标悬停在Roboto字体上时，它不显示。但当我右键单击它时，它会显示出来。
3. 另外，如果我打开dev tools / inspect元素，则显示字体。
4. 无法在Chrome for Android上显示字体。

除谷歌浏览器外，它在所有浏览器中均可正常使用。 （在Windows和Android手机上都有） 奇怪的是，它也适用于Chrome，但它突然停止工作。 （可能在Chrome更新后）

我正在绞尽脑汁解决这个问题。似乎没有什么能解决它。遗憾的是谷歌无法正确渲染自己的字体，而Firefox等没有问题。

有人可以帮我解决一下吗？我被卡住了。 ：（

P.S。我正在使用W3 Total Cache插件。仅供参考。