diff --git a/static/font/icon-font.ttf b/static/font/icon-font.ttf
deleted file mode 100644
index d25792342d8768767a71b0cd6ceebc0ab3bfcd22..0000000000000000000000000000000000000000
Binary files a/static/font/icon-font.ttf and /dev/null differ
diff --git a/static/font/icon-font.woff2 b/static/font/icon-font.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..7bd229f1505f4ca79302520c3badb58cc7e63a77
Binary files /dev/null and b/static/font/icon-font.woff2 differ
diff --git a/templates/icon-font.css b/templates/icon-font.css
index e1ef08d6accd78a37063665c1433c7c0aca18440..30d281768aa0f3b679b6c8e937092b4d93dd2ab3 100644
--- a/templates/icon-font.css
+++ b/templates/icon-font.css
@@ -2,7 +2,7 @@
   font-family: 'Material Icons';
   font-style: normal;
   font-weight: 400;
-  src: local('Material Icons'), local('MaterialIcons-Regular'), url({{ url_for('static', filename='font/icon-font.ttf') }}) format('truetype');
+  src: local('Material Icons'), local('MaterialIcons-Regular'), url({{ url_for('static', filename='font/icon-font.woff2') }}) format('woff2');
 }
 
 .material-icons {
@@ -17,4 +17,7 @@
   white-space: nowrap;
   word-wrap: normal;
   direction: ltr;
+  -webkit-font-feature-settings: 'liga';
+  -webkit-font-smoothing: antialiased;
 }
+