martynchamberlin/example.html

## example.html
<html>
<head>
  <script>
  /**
   * This function used with gratitude from
   * http://stackoverflow.com/a/34666534/1591507
   * I want to refactor this to ES6 so badly but
   * since it has to reside in the DOM to avoid FOUT,
   * we can't transpile with Babel unfortunately
   */
  function addCss(fileName) {
    var head = document.head
      , link = document.createElement('link')

    link.type = 'text/css'
    link.rel = 'stylesheet'
    link.href = fileName

    head.appendChild(link)
  }
  // Wrap this call with any sort of conditional you like
  addCss('http://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin,latin-ext');
  </script>

  <style>
  h1 {
    font-family: 'Open Sans';
  }
  </style>
</head>

<body>
  <h1>Hello World</h1>
</body>
</html>
	<html>
	<head>
	<script>
	/**
	* This function used with gratitude from
	* http://stackoverflow.com/a/34666534/1591507
	* I want to refactor this to ES6 so badly but
	* since it has to reside in the DOM to avoid FOUT,
	* we can't transpile with Babel unfortunately
	*/
	function addCss(fileName) {
	var head = document.head
	, link = document.createElement('link')

	link.type = 'text/css'
	link.rel = 'stylesheet'
	link.href = fileName

	head.appendChild(link)
	}
	// Wrap this call with any sort of conditional you like
	addCss('http://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin,latin-ext');
	</script>

	<style>
	h1 {
	font-family: 'Open Sans';
	}
	</style>
	</head>

	<body>
	<h1>Hello World</h1>
	</body>
	</html>