html - 自定义字体无法在 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>