load font css asynchronously

1 files changed, 6 insertions, 1 deletions

diff --git a/includes/header.php b/includes/header.php
index 6a9caaf..b402025 100644
--- a/includes/header.php
+++ b/includes/header.php
@@ -8,7 +8,6 @@ function htmlHeader() {
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

     <title>pathery.com</title>

 

-    <link href="http://fonts.googleapis.com/css?family=Cantarell:400,700" rel="stylesheet" type="text/css">

     <link href="css/mapstyle.css" rel="stylesheet" type="text/css" />

     <link href="css/pagestyle.css" rel="stylesheet" type="text/css" />

     <link href="css/statsstyle.css" rel="stylesheet" type="text/css" />

@@ -24,6 +23,12 @@ function htmlHeader() {
         var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

         ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

         var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

+

+		var fo = document.createElement('link');

+		fo.rel = 'stylesheet';

+		fo.type = 'text/css';

+		fo.href = "http://fonts.googleapis.com/css?family=Cantarell:400,700";

+		var l = document.getElementsByTagName('link')[0]; l.parentNode.insertBefore(fo, l);

     })();

     </script>

 </head>