我有6个角页面,其中有两个文本行。但是当页面呈现第一行时会有一些延迟。仅第二行显示在第一位。然后,经过一段时间的延迟后,将显示第一行。
这些行的字体粗细不同。但是,当我将它们更改为相同的字体粗细时,它们会同时显示。我希望两条文本行同时显示,但它们的字体粗细不同。
答案 0 :(得分:0)
似乎是字体加载问题。您应该像这样预加载字体
<link href="https://fonts.googleapis.com/css?family=Raleway:400&display=swap" rel="stylesheet" preload>
我也想告诉您一个非常有趣的CSS属性,很多开发人员对此一无所知。
如果您想等待字体加载并且又不想预加载字体,则可以使用font-display: swap
。
它的作用是“指示浏览器使用后备字体显示文本,直到自定义字体完全下载为止”。
我知道这与您的问题无关,但是值得一看。
更多:-https://css-tricks.com/almanac/properties/f/font-display/