diff --git a/README.md b/README.md
index e6145cf1b..1325b8daf 100644
--- a/README.md
+++ b/README.md
@@ -40,6 +40,9 @@ terms of Creative Commons Attribution-ShareAlike 4.0 International License. To
 view a copy of this license, visit
 http://creativecommons.org/licenses/by-sa/4.0/
 
+APIS contains the ["Material Symbols" font](https://fonts.google.com/icons)(commit ace1af0), which
+is licenced under the [Apache Licence Version 2.0](https://www.apache.org/licenses/LICENSE-2.0.html).
+
 
 Installation
 ------------
diff --git a/apis_core/core/static/css/material-symbols.css b/apis_core/core/static/css/material-symbols.css
new file mode 100644
index 000000000..e2c842f46
--- /dev/null
+++ b/apis_core/core/static/css/material-symbols.css
@@ -0,0 +1,18 @@
+@font-face {
+  font-family: 'Material Symbols Outlined';
+  font-style: normal;
+  src: url(/static/fonts/material-symbols.woff) format('woff');
+}
+.material-symbols-outlined {
+  font-family: 'Material Symbols Outlined';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;  /* Preferred icon size */
+  display: inline-block;
+  line-height: 1;
+  text-transform: none;
+  letter-spacing: normal;
+  word-wrap: normal;
+  white-space: nowrap;
+  direction: ltr;
+}
diff --git a/apis_core/core/static/fonts/material-symbols.woff b/apis_core/core/static/fonts/material-symbols.woff
new file mode 100644
index 000000000..77a5192c1
Binary files /dev/null and b/apis_core/core/static/fonts/material-symbols.woff differ
diff --git a/apis_core/core/templates/base.html b/apis_core/core/templates/base.html
index 0993ed10b..2c330b535 100644
--- a/apis_core/core/templates/base.html
+++ b/apis_core/core/templates/base.html
@@ -42,8 +42,7 @@
     <link rel="mask-icon"
           href="{% shared_url %}favicon/safari-pinned-tab.svg"
           color="#00aba9" />
-    <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined"
-          rel="stylesheet" />
+    <link href="{% static 'css/material-symbols.css' %}" rel="stylesheet" />
 
     {% block styles %}
       {% include "partials/bootstrap4_css.html" %}
@@ -55,8 +54,6 @@
     <!-- End favicons -->
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
     {% include "apis_entities/apis_templatetag.html" %}
-    <link href="https://fonts.googleapis.com/css?family=Libre+Franklin:400,500"
-          rel="stylesheet" />
 
     {% block scriptHeader %}{% endblock %}