Предварительная загрузка шрифта не работает в большинстве крупных браузеров (за исключением того, что она работает в Mac ⇐ CSS

[Anonymous]

Я пытаюсь предварительно загрузить шрифт до того, как страница будет отображаться
Я уже искал решения и нашел следующие ответы на Stackoverflow:

• https://stackoverflow.com/a/52763507/81485055. />https://stackoverflow.com/a/46830425/8148505

Я пробовал их, но они не работают
[*]


Я даже пытался:

• Изменение Crossorigin на Crossorigin = "Anonymous"
• Поместить @font-face напрямую tag (вместо определения их в виде @fontshe-face (вместо определения их в виде @fontshe-face . < /code> до /после тега < /code> (или внешней таблицы стилей) < /li>
  < /ul>
  Но ни один из них не решал проблему < /p>
  
  demo < /plorn> < /p>
  
  < /plorn> < /p>
  
  < /plorn> < /p>
  
  < /plorn> < /p>
  
  < /press> < /p>
  
  < /plorn> Репозиторий: https://github.com/amjedomar/font-peloading-demo
• Как кодовый и предварительный просмотр: https://tkjv9f-8080.csb.app/

, чтобы сделать проблему с помощью репрессии, я проще. 3secs (это просто для тестирования, чтобы моделировать медленное состояние Интернета) => Вы заметите, что:

• В macos safari v18.6 страница не отображается до загрузки шрифта (см. Https://vimeo.com/110812222222222222222 ... 2222222222) =>>, который i wone i want {
  if (req.url.includes('fonts')) {
  setTimeout(next, 3000);
  } else {
  next();
  }
  });
  
  app.use(express.static(path.join(__dirname, 'public')));
  
  app.get('/', (req, res) => {
  res.sendFile(path.join(__dirname, 'public', 'index.html'));
  });
  
  app.listen(PORT, () => {
  console.log(`http://localhost:${PORT}`);
  });
  
  
  
  Подробнее здесь: https://stackoverflow.com/questions/797 ... king-in-ma