在angular 6上显示浏览器时,某些文本元素会有延迟

时间:2019-06-05 05:31:11

标签: angular6

我有6个角页面,其中有两个文本行。但是当页面呈现第一行时会有一些延迟。仅第二行显示在第一位。然后,经过一段时间的延迟后,将显示第一行。

这些行的字体粗细不同。但是,当我将它们更改为相同的字体粗细时,它们会同时显示。我希望两条文本行同时显示,但它们的字体粗细不同。

1 个答案:

答案 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/