diff --git a/css/ol.css b/css/ol.css
index 20b1d1450a..197439505e 100644
--- a/css/ol.css
+++ b/css/ol.css
@@ -67,6 +67,13 @@
 .ol-zoom-in {
   border-radius: 2px 2px 0 0;
 }
+.ol-zoom-in:before {
+  content: "+";
+}
+
 .ol-zoom-out {
   border-radius: 0 0 2px 2px;
 }
+.ol-zoom-out:before {
+  content: "\2212";
+}
diff --git a/src/ol/control/zoomcontrol.js b/src/ol/control/zoomcontrol.js
index 6d99bbd80f..1f5354e3dd 100644
--- a/src/ol/control/zoomcontrol.js
+++ b/src/ol/control/zoomcontrol.js
@@ -30,13 +30,13 @@ ol.control.Zoom = function(zoomOptions) {
   var inElement = goog.dom.createDom(goog.dom.TagName.A, {
     'href': '#zoomIn',
     'class': 'ol-zoom-in'
-  }, '+');
+  });
   goog.events.listen(inElement, eventType, this.handleIn_, false, this);
 
   var outElement = goog.dom.createDom(goog.dom.TagName.A, {
     'href': '#zoomOut',
     'class': 'ol-zoom-out'
-  }, '\u2212');
+  });
   goog.events.listen(outElement, eventType, this.handleOut_, false, this);
 
   var element = goog.dom.createDom(