css: Increase compatibility of IE/Edge for Material Icons

yona-projects · Mar 26, 2017 · 769678f · 769678f
1 parent a35f0ca
commit 769678f
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 1 deletion.
diff --git a/app/assets/stylesheets/less/_usermenu.less b/app/assets/stylesheets/less/_usermenu.less
@@ -18,7 +18,11 @@
   font-family: 'Material Icons';
   font-style: normal;
   font-weight: 400;
-  src: url('fonts/material-icon.woff2') format('woff2');
+  src: local('Material Icons'),
+    local('MaterialIcons-Regular'),
+    url('fonts/material-icon.woff2') format('woff2'),
+    url('fonts/material-icon.woff') format('woff'),
+    url('fonts/material-icon..ttf') format('truetype');
 }
 
 .material-icons {
@@ -35,6 +39,7 @@
   direction: ltr;
   -webkit-font-feature-settings: 'liga';
   -webkit-font-smoothing: antialiased;
+  font-feature-settings: 'liga'; /* Support for IE. */
 }
 
 .logout {

diff --git a/public/stylesheets/fonts/material-icon.eot b/public/stylesheets/fonts/material-icon.eot
diff --git a/public/stylesheets/fonts/material-icon.ttf b/public/stylesheets/fonts/material-icon.ttf
diff --git a/public/stylesheets/fonts/material-icon.woff b/public/stylesheets/fonts/material-icon.woff
diff --git a/public/stylesheets/fonts/material-icon.woff2 b/public/stylesheets/fonts/material-icon.woff2