title: If multiple sources are listed in an @font-face, are all of them loaded on the client side?
body: <p>I'm seeking to optimize the speed of my site and want to know of browers would only load the file they need from the following code or all font files:</p>
  
  <pre><code>@font-face {
      font-family: 'Proxima Nova';
      src: url('proximanova-regitalic-webfont.eot');
      src: url('proximanova-regitalic-webfont.eot?#iefix') format('embedded-opentype'),
           url('proximanova-regitalic-webfont.woff') format('woff'),
           url('proximanova-regitalic-webfont.ttf') format('truetype'),
           url('proximanova-regitalic-webfont.svg#proxima_nova_rgitalic') format('svg');
      font-weight: normal;
      font-style: italic;
  }
  </code></pre>
  
  <p>Also, is this the most optimal way of doing @font-face? Are there any other strategies to reduce load time for the users?</p>