diff --git a/aleksis/core/settings.py b/aleksis/core/settings.py
index 038eb524e5dee206f8b47bb317d1c6b636c33afd..072d9a470cca087bdce4808fbf7ef47fd4affcf9 100644
--- a/aleksis/core/settings.py
+++ b/aleksis/core/settings.py
@@ -401,6 +401,7 @@ MEDIA_ROOT = _settings.get("media.root", os.path.join(BASE_DIR, "media"))
 NODE_MODULES_ROOT = _settings.get("node_modules.root", os.path.join(BASE_DIR, "node_modules"))
 
 YARN_INSTALLED_APPS = [
+    "@fontsource/roboto",
     "datatables",
     "jquery",
     "materialize-css",
@@ -435,6 +436,7 @@ ANY_JS = {
     },
     "sortablejs": {"js_url": JS_URL + "/sortablejs/Sortable.min.js"},
     "jquery-sortablejs": {"js_url": JS_URL + "/jquery-sortablejs/jquery-sortable.js"},
+    "Roboto": {"css_url": JS_URL + "/@fontsource/roboto/index.css"},
 }
 
 merge_app_settings("ANY_JS", ANY_JS, True)
diff --git a/aleksis/core/templates/core/base.html b/aleksis/core/templates/core/base.html
index 2087829da24c157b7dc0a797da776d7bb1cc9a3b..d34db4f65d05021f1d68e61190bf323c249e5ada 100644
--- a/aleksis/core/templates/core/base.html
+++ b/aleksis/core/templates/core/base.html
@@ -18,6 +18,7 @@
 
   {# CSS #}
   {% include_css "material-design-icons" %}
+  {% include_css "Roboto" %}
   <link rel="stylesheet" href="{% sass_src 'style.scss' %}">
 
   {# Add JS URL resolver #}
diff --git a/aleksis/core/templates/core/base_print.html b/aleksis/core/templates/core/base_print.html
index 37868f6f3e2de5d0ca2df6e57d4e111f1e7f1747..9539808f963d541811d9581ca377006bd1ef74a8 100644
--- a/aleksis/core/templates/core/base_print.html
+++ b/aleksis/core/templates/core/base_print.html
@@ -15,6 +15,7 @@
   </title>
 
   {% include_css "material-design-icons" %}
+  {% include_css "Roboto" %}
   {% include_css "paper-css" %}
   <link rel="stylesheet" href="{% sass_src 'style.scss' %}"/>
   <link rel="stylesheet" href="{% static "print.css" %}"/>