Using sans-serif instead of loaded fonts; fix IE9 dataset compatibility shim

web/compatibility.js

@@ -217,12 +217,15 @@
   var div = document.createElement('div');
   if ('dataset' in div)
     return; // dataset property exists
-  Object.defineProperty(HTMLElement.prototype, 'dataset', {
-    get: function htmlElementDatasetGetter() {
-      // adding dataset field to the actual object
-      return (this.dataset = {});
+  var oldCreateElement = document.createElement;
+  document.createElement = function newCreateElement() {
+    var result = oldCreateElement.apply(document, arguments);
+    if (arguments[0] === 'div') {
+      // creating dataset property for the div elements
+      result.dataset = {};
     }
-  });
+    return result;
+  };
 })();
 
 // Check console compatability

web/viewer.css

@@ -252,6 +252,7 @@ canvas {
   right: 0;
   bottom: 0;
   color: #000;
+  font-family: sans-serif;
 }
 
 .textLayer > div {

web/viewer.js

@@ -1083,7 +1083,6 @@ var TextLayerBuilder = function textLayerBuilder(textLayerDiv) {
     textDiv.dataset.canvasWidth = text.canvasWidth * text.geom.hScale;
 
     textDiv.style.fontSize = fontHeight + 'px';
-    textDiv.style.fontFamily = fontName || 'sans-serif';
     textDiv.style.left = text.geom.x + 'px';
     textDiv.style.top = (text.geom.y - fontHeight) + 'px';
     textDiv.textContent = text.str;