自定义字体未在Chrome中正确加载

Question

我正在开发一个可以在所有浏览器中正常工作的网站,但是当我使用谷歌浏览器时,它实际上并没有加载字体.我尝试过后备字体,但仍然没有运气 - 真的很挣钱.

当我提供后备字体时,它总是忽略自定义字体,因为一个奇怪的原因,所以问题是为什么谷歌浏览器没有正确加载字体,是他们可以强制它加载的方式？

这是网站http://www.rpmediasolutions.com/wordpress

@font-face {
font-family: Solano;
src: url("http://www.rpmediasolutions.com/wordpress/Fonts/solanogothicmvb-sb.eot?#iefix") format("embedded-opentype")
, url("http://www.rpmediasolutions.com/wordpress/Fonts/solanogothicmvb-sb.svg#Solano Gothic MVB Lt") format("svg"),
url("http://www.rpmediasolutions.com/wordpress/Fonts/solanogothicmvb-sb.woff") format("woff"), 
url("http://www.rpmediasolutions.com/wordpress/Fonts/solanogothicmvb-sb.ttf") format("truetype");
}

Answer 1

弄清楚了。

这是一个 Chrome 错误，无法正确渲染字体。

这是错误的链接https://code.google.com/p/chromium/issues/detail?id=336476

我尝试了帖子中提到的 CSS 方法，但它对我不起作用。

所以我将 jquery 放在页脚中，这恰好解决了问题，它隐藏了正文中的所有元素并重新显示它。

他们在显示之前会延迟几秒钟，但这是一个临时修复，直到谷歌采取行动。

该 jquery 应该位于页脚中。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>  <script type="text/javascript" charset="utf-8">
$(function() { $('body').hide().show(); });
</script>