If I have the following HTML5 document:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>FOOBAR</title>
</head>
<body>
<link rel="stylesheet" href="/largefonts.css">
<script src="onload.js"></script>
</body>
</html>
Will the <link> tag load synchronously, so that when the onload.js script is executed, the fonts should be loaded in the browser?
Note that I’m not asking if the fonts have been applied to any DOM nodes, I just want to know if they are loaded into memory.
The process for obtaining
<link>resources is described in the corresponding section of the HTML5 spec, and answers like this:However,
…meaning that a document’s
loadevent won’t fire until all<link>s have been loaded (or failed)