Html 当我刷新或访问新页面时，网站上的字体大小会先增大后减小

我正在更新我的研究实验室网站，我正在使用一个带引导的Jekyll框架。每当我导航到新页面或刷新当前页面时，字体大小都会略微增大，然后恢复到正常大小。这就造成了一种急促的体验。我的工作正在进行中，这个问题最引人注目的页面是。此站点的代码位于上

我尝试了一些类似帖子的答案，比如建议在我的css页面中添加以下内容：

body > div {
  font-size: 1.4rem
}

---

我尝试了类似于

em

而不是

rem

和

html

而不是

body>div

的变体，并将

@font size base

变量设置为

1.4em

或

1.4rem

，但每次尝试都会出现相同的行为。我如何清理我的网站的渲染？

正如李斯特先生所指出的，这可能是FOUT（未格式化文本的闪烁）的情况，因为它看起来像是在使用TypeKit

一个快速解决方案是使用TypeKit的内置事件隐藏文本，直到webfonts加载完毕

.wf-loading { visibility: hidden; } /* font is loading and hidden */
.wf-active, .wf-inactive { visibility: visible; } /* font has loaded and is visible */

---

我认为Chrome或Edge没有问题。你在使用哪个浏览器？@James我在我的电脑上的Chrome和Safari上看到了它，但是当我登录到远程Linux机器并使用Firefox时，我没有看到它……这是否意味着我的Macbook有问题？我只在我的网站上看到这个问题。即使是我调整过其框架的网站（bedford.io），在我的计算机上也没有这个问题。@JamesKorden oops没有正确标记您，这听起来是特定于平台的。不幸的是，这将是您需要重新创建它并查看它是否是某个特定操作系统/浏览器的“缺陷”的地方之一。@JamesKorden恶心。我注意到的一件事是，如果我检查任何标题上的元素并查看font-weight属性，它会从我的样式表中给出500的字体权重，下面是

bold h1用户代理样式表

，并划掉

bold

。它确实有点像我的页面以粗体文本开始，然后它被取消绑定。这可能与此有关吗？我不知道

用户代理样式表

是什么意思。。。。这通常被称为FOIT（不可见文本的闪光）。90%的时候我会选择FOUT而不是FOIT。谢谢！这很有魅力。我更进一步，从我的网站上删除了所有与typekit相关的内容。这是我借用的原始模板的剩余部分，我认为它实际上没有做任何事情，因为我没有访问其中的kitId（我假设…）。