Некоторые текстовые элементы имеют задержку при отображении браузера под углом 6

Question

У меня угловая 6 страница с двумя текстовыми строками.Но при отображении страницы первая строка имеет некоторую задержку.Только вторая строка показывает первую.Затем после некоторой задержки показывается первая строка.

У меня есть разные веса шрифта для этой строки.Но когда я изменил их на тот же шрифт, они показывались одновременно.Я хочу, чтобы обе строки текста отображали в одно и то же время, когда они имеют разные веса шрифта.

Answer 1

Кажется, это проблема загрузки шрифта.Вы должны предварительно загрузить свой шрифт как

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