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>

Answer 2

我遇到了同样的问题，并且能够通过更改网址来修复它。而不是去＆＃34; http：//..."要找到该文件，只需引用服务器上存储字体的目录。

例如，如果您的字体位于public_html文件夹中，并且您的css文件位于public_html中的文件夹中，那么您只需返回一个目录（../）并访问该字体。

@font-face {
font-family: myFont;
src: url('../myFont.ttf')
}

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

2 个答案: