Use .sheet property instead of document.styleSheets

diff --git a/src/fonts.js b/src/fonts.js
index 329d7ad776885ee8a3ef31805b69023bf4b431c4..d0ff7664dbda42c67d55080cd761fb2dd43d898a 100644 (file)
--- a/src/fonts.js
+++ b/src/fonts.js
@@ -2121,10 +2121,11 @@ var Font = (function FontClosure() {
                  window.btoa(data) + ');');
       var rule = "@font-face { font-family:'" + fontName + "';src:" + url + '}';
 
+      var styleElement = document.createElement('style');
       document.documentElement.getElementsByTagName('head')[0].appendChild(
-        document.createElement('style'));
+        styleElement);
 
-      var styleSheet = document.styleSheets[document.styleSheets.length - 1];
+      var styleSheet = styleElement.sheet;
       styleSheet.insertRule(rule, styleSheet.cssRules.length);
 
       return rule;