在我工作的网站上,我们使用SVG作为标志。我注意到Logo在Google Chrome中呈现时,偶尔不会加载正确的字体。我无法在其他地方复制这个问题,但它发生的频率足够高,以至于我担心其他Chrome用户也可能遇到同样的问题。
你可以在此处查看SVG:https://jsfiddle.net/rmlumley/8n5Lrq9z/ 我通过CSS将SVG作为背景图像加载到此代码中的h1中:
当我直接在浏览器中加载SVG时,它总是能正常工作并以正确的字体加载。话虽如此,在Chrome中加载页面时,有时字体看起来不对劲。我已经上传了错误渲染的图片。
你可以在此处查看SVG:https://jsfiddle.net/rmlumley/8n5Lrq9z/ 我通过CSS将SVG作为背景图像加载到此代码中的h1中:
<li class="home"><a href="/" rel="home"><h1><span>Morgridge Institute for Research</span></h1></a></li>
当我直接在浏览器中加载SVG时,它总是能正常工作并以正确的字体加载。话虽如此,在Chrome中加载页面时,有时字体看起来不对劲。我已经上传了错误渲染的图片。
这是Chrome已知的问题吗?或者有没有建议的解决方法,以避免这种情况发生?我的SVG代码有什么本质上的问题吗?