I request a font under ajax, and then I want to preload the font in this way, and then dynamically insert style tags elsewhere on the page with font definitions referencing the same path

 @font-face {
    font-family: FZY3JW;
    src: url(../cdn/font/FZY3JW.ttf) format("truetype");
  }

but open the page and find that the browser did not use the font under ajax, but sent a new request.
the question is: how to make it stop making new requests to get fonts using the fonts it got back from ajax

in addition, the npm package preloader for preloading resources is made.