在 angular 6 上显示浏览器时某些文本元素有延迟
Some text elements have delay when showing browser on angular 6
我有 angular 6 页，有两行文本。但是当页面呈现第一行时有一些延迟。只有第二行首先显示。然后在一些延迟之后显示第一行。
我为这些行设置了不同的字体粗细。但是当我将它们更改为相同的字体粗细时，它们会同时显示。我希望两个文本行同时显示它们具有不同的字体粗细。
这似乎是字体加载问题。你应该预加载你的字体
<link href="https://fonts.googleapis.com/css?family=Raleway:400&display=swap" rel="stylesheet" preload>
我也希望你讲一个很有趣的事情css属性，很多开发者不知道这个。
如果您想等待字体加载并且不想预加载字体，您可以使用 font-display: swap。
它的作用就是'instructs the browser to use the fallback font to display the text until the custom font has fully downloaded'。
我知道这与您的问题无关，但值得研究一下。
更多：- https://css-tricks.com/almanac/properties/f/font-display/
我有 angular 6 页，有两行文本。但是当页面呈现第一行时有一些延迟。只有第二行首先显示。然后在一些延迟之后显示第一行。
我为这些行设置了不同的字体粗细。但是当我将它们更改为相同的字体粗细时，它们会同时显示。我希望两个文本行同时显示它们具有不同的字体粗细。
这似乎是字体加载问题。你应该预加载你的字体
<link href="https://fonts.googleapis.com/css?family=Raleway:400&display=swap" rel="stylesheet" preload>
我也希望你讲一个很有趣的事情css属性，很多开发者不知道这个。
如果您想等待字体加载并且不想预加载字体，您可以使用 font-display: swap。
它的作用就是'instructs the browser to use the fallback font to display the text until the custom font has fully downloaded'。
我知道这与您的问题无关，但值得研究一下。
更多：- https://css-tricks.com/almanac/properties/f/font-display/