Interpreting Typekit Network Requests

Question

Can someone explain the bottom four network requests shown below for Typekit?

What I don't understand is:

• Why do they show 0 B for size but 17.2 KB (et al) for content?

• Are there really four HTTP requests occurring for these font files?

The same data is reported regardless of whether compression is enabled.

Dev Tools says the calls are being initiated by Modernizr in the line below that reads bool = node.offsetTop === 9;

tests['touch'] = function() {
  var bool;

  if (('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch) {
    bool = true;
  } else {
    injectElementWithStyles(['@media (', prefixes.join('touch-enabled),('), mod, ')', '{#modernizr{top:9px;position:absolute}}'].join(''), function(node) {
      bool = node.offsetTop === 9;
    });
  }

  return bool;
};

Answer 1

They are base64ed - that means that the files were converted to a text embeddable data format, and then inlined in the file. 0Bs were used for downloading the request, since it was embedded in another file, but the content of that data URI was 17.2KB