title: Font Face Observer loading all fonts on page load?
body: <p>Perhaps I am misunderstanding how Font Face Observer works. My understanding was, this allows you to load fonts ONLY when used. But no matter what font I put in the code, it always loads it into the browser. Example code below. Wouldnt that make my page "heavy" if its loading all the fonts? Especially if Im not using all the fonts? This part of the description confuses me:</p>
  
  <blockquote>
    <p>Unlike the Web Font Loader Font Face Observer uses scroll events to
    detect font loads efficiently and with minimum overhead.</p>
  </blockquote>
  
  <p>That sounds like to me when you scroll down it will detect if a font is being used and if so, loads its. Also if I dont specify a weight, does the font loader for say Roboto load all the available weights?</p>
  
  <pre><code>var fontA = new FontFaceObserver('Roboto');
  var fontB = new FontFaceObserver('Roboto Condensed');
  var fontC = new FontFaceObserver('Open Sans');
  var fontD = new FontFaceObserver('Open Sans Condensed');
  var fontE = new FontFaceObserver('Oswald');
  
  fontA.load().then(function () {
    console.log('Roboto font is available');
  });
  
  fontB.load().then(function () {
    console.log('Roboto Condensed font is available');
  });
  
  fontC.load().then(function () {
      console.log('Open Sans font is available');
  });
  
  fontD.load().then(function () {
      console.log('Open Sans Condensed Font is available');
  });
  
  fontE.load().then(function () {
      console.log('Oswald font is available');
  });
  </code></pre>
  
  <p>When this runs I see in console:</p>
  
  <pre><code>Roboto font is available
  Open Sans font is available
  Roboto Condensed font is available
  Open Sans Condensed Font is available
  Oswald font is available
  </code></pre>
  
  <p>So to recap, is the purpose of this font loader to load all the fonts I specify? And if I just use the font name without the specific weights, will it load all the weights automatically? Or do I need to also add each weight I want to use for each font?</p>