当前位置: 首页 > 面试题库 >

等待字体加载,然后呈现网页

阎志义
2023-03-14
问题内容

我正在使用@ font-
face将字体嵌入到我的网站中。首先,文本将作为系统默认值呈现,然后(假定字体文件已加载)正确的字体将在几分之一秒后呈现。有没有一种方法可以通过延迟页面渲染直到加载字体或类似字体之后来最小化/消除此延迟。


问题答案:

这取决于浏览器的行为方式。

首先,您的@font在哪里声明?它是内联到HTML,是在页面上的CSS表中声明,还是(希望)在外部CSS表中声明?

如果它不在外部工作表中,请尝试将其移动到一个工作表中(通常还是更好的做法)。

如果这样做没有帮助,您需要问自己:秒差的一小部分是否真的对用户体验造成重大损害吗?如果是这样,请考虑使用JavaScript,您可能可以执行一些操作,重定向,暂停等操作,但实际上这些操作可能比原始问题
更糟糕 。对用户来说更糟,而维护则更糟。



 类似资料:
  • 我在用硒检查搜索结果。我想检查搜索结果并移到详细页。所以,我用了两次'WebDriverWait Until'。第一次等待似乎很有效,但第二次等待就不起作用了。 当我添加time.sleep(0.5)时,它起作用了。但是,我不想为了这个而睡觉。 你们能看看我的剧本吗?为了测试,我已经在脚本中输入了IP地址。我以后再换。

  • 问题内容: 我有多个ajax查询同时运行,我希望它们等待最后一个返回,然后在所有ajax调用上运行成功处理程序。作为简化示例,请考虑: 假设所有请求都同时发送。由于它们是异步的,因此它们将在不同的时间返回。假设一个请求返回需要100毫秒,而另一个请求则需要3000毫秒。我显然不知道哪个会最先返回。他们都以某种方式更新了DOM,我希望一次将这些更改一次全部显示给查看器。我该怎么做呢? 我能想到的最好

  • 我试图创建一个等待加载页面的方法,但我出现了一个错误。可能我没有正确使用这个方法。 错误是:

  • 我正在使用react redux。在这个Profiles组件中,我使用这个。Component中的startSetUsers将装载以触发从mongodb获取用户并将其存储到state。然后我映射StateToprops以从state获取用户作为道具,所以我得到了这个。道具。用户。然后在render中,我尝试将用户作为道具传递给ProfilesList组件并进行渲染,或者如果没有用户,则从Profi

  • 当我运行以下代码时,执行会突然结束,除非我取消对Thread.sleep()的注释。因此,我在撤回url servlet中的代码不会被执行。单击是一个提交按钮单击,加载另一个页面。 让硒等到页面加载的正确方法是什么? 我正在使用以下selenium版本