title: How to load a font only once ? (TS / Three.JS)
body: <p>So, I would like to create 20 text blocks (using the same font).</p>
  
  <p>The new TextGeometry sends an error if the font is not loaded yet.</p>
  
  <p>Currently, I put every</p>
  
  <pre><code>new THREE.TextGeometry(this.text, {
      font: Object(response) as THREE.Font
  } as THREE.TextGeometryParameters);
  </code></pre>
  
  <p>inside :</p>
  
  <pre><code>let fontLoader = new THREE.FontLoader();    
  fontLoader.load('/fonts/my_font.json', response =&gt; {
  </code></pre>
  
  <p>This method is very inefficient because the font is loaded 20 times (once for each new text). It slows down the execution (annoying when I make tests).</p>
  
  <p>I would like to load the font only once and save it in a var, but I don't know how to wait until it's loaded to generate the TextGeometry.</p>
  
  <p>I guess that it has something to do with Observables ?</p>
  
  <p>Thank you very much.</p>