Icon fix for mobile

Dogfalo · Dec 5, 2015 · 0b876f8 · 0b876f8
1 parent 24ff1dd
commit 0b876f8
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 1 deletion.
diff --git a/bin/materialize.css b/bin/materialize.css
@@ -3352,6 +3352,14 @@ nav ul a span.badge {
   padding: 0 !important;
 }
 
+/* This is needed for some mobile phones to display the Google Icon font properly */
+.material-icons {
+  text-rendering: optimizeLegibility;
+  -webkit-font-feature-settings: 'liga';
+     -moz-font-feature-settings: 'liga';
+          font-feature-settings: 'liga';
+}
+
 @font-face {
   font-family: "Material-Design-Icons";
   src: url("../font/material-design-icons/Material-Design-Icons.eot?#iefix") format("embedded-opentype"), url("../font/material-design-icons/Material-Design-Icons.woff2") format("woff2"), url("../font/material-design-icons/Material-Design-Icons.woff") format("woff"), url("../font/material-design-icons/Material-Design-Icons.ttf") format("truetype"), url("../font/material-design-icons/Material-Design-Icons.svg#Material-Design-Icons") format("svg");

diff --git a/css/ghpages-materialize.css b/css/ghpages-materialize.css
diff --git a/sass/components/_icons-material-design.scss b/sass/components/_icons-material-design.scss
@@ -1,3 +1,9 @@
+/* This is needed for some mobile phones to display the Google Icon font properly */
+.material-icons {
+  text-rendering: optimizeLegibility;
+  font-feature-settings: 'liga';
+}
+
 $font-mdi   : 'Material-Design-Icons';
 $mdi-prefix : 'mdi-';