[asp.net]字体水平堆放在 chrome 上 ~ 10%的来访

发布时间: 2017/3/26 3:08:12
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我把这个烦人的视觉 bug 相处来访中铬 (所有资源正确都加载) 的 10%左右。

font stacking

该网站是 asp.net,引导程序生成和使用的"Neuzeit S LT W01 书"字体。

什么可能导致它有什么想法?

<div class="center-block block text-left">

    <h3>Welcome!</h3>
    <p>
        At Kidbrooke Advisory we are passionate about enabling organisations to analyse financial risk.
        The specific needs will of course vary from company to company; the requirements of a large insurance 
        company subject to recent EU regulations are markedly different from the ones of a small energy company.
    </p>
    <p>
        We at Kidbrooke Advisory excel at providing bespoke <a href="/WhatWeDo/">risk analysis solutions</a>, 
        tailored to the specific business needs of your organisation.
    </p>
    <p>
        Please <a href="/WhatWeDo/">read on</a> for more information about how we could help your 
        organisation better understand the financial risks you are facing.
    </p>
</div>

解决方法 1:

这是一个很模糊的问题,但这绝对是一个浏览器 bug。它发生在我身上几个星期前,和我碰到此线程它详细讨论了在哪里︰ https://productforums.google.com/forum/# ! 主题/铬/tYHSqc-fqso

问题是铬不更新您的元素的宽度,字体加载之后。它呈现页,如果您正在使用的默认字体。

没有人知道它为什么会发生。该线程是从 2014 年和今天,仍会发生问题,但它只经历过我在一个网站上。我只能假设该 bug 引发特定的字体。

有是一个解决方案。它是一个 hack,但它工作。

如果你隐藏的身体,它再次显示出来,它将迫使回流焊,似乎可以解决此问题。所以,如果你使用 jQuery,这样的事情会做诀窍 (确保它是你 .ready() 函数):

$('body').hide().show(); 
官方微信
官方QQ群
31647020