diff --git a/templates/base.html b/templates/base.html
index f6402b0..7f5e165 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -40,12 +40,84 @@
 	<meta property="twitter:description" content="{{ metadata.description }}" />
 	<meta property="twitter:image" content="{{ metadata.image }}" />
 
+	<!-- pwa manifest -->
+	<link rel="manifest" href="{{ url_for('api.pwaManifest') }}" />
 	<script src="{{ url_for('static', filename='js/color-modes.js') }}"></script>
 	{% if cfg.style.tintColors %}
 	<link rel="stylesheet" href="{{ url_for('static', filename='css/tinted.css') }}">
 	{% endif %}
 	{% block additionalHeadItems %}{% endblock %}
 	<style>
+		{% if cfg.accessibility.font == 'default' %}
+		@font-face {
+			font-family: "Rubik";
+			font-display: swap;
+			font-weight: 100 900;
+			src: url("/static/fonts/rubik.woff2") format('woff2-variations');
+		}
+		:root {
+			--bs-font-sans-serif: "Rubik", sans-serif;
+		}
+		{% elif cfg.accessibility.font == 'default' %}
+		:root {
+			--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;
+		}
+		{% elif cfg.accessibility.font == 'atkinson' %}
+		@font-face {
+		    font-family: 'Atkinson Hyperlegible';
+		    src: local('Atkinson Hyperlegible Bold'), local('AtkinsonHyperlegible-Bold'),
+		        url('/static/fonts/Atkinson-Hyperlegible-Bold.woff2') format('woff2');
+		    font-weight: bold;
+		    font-style: normal;
+		    font-display: swap;
+		}
+
+		@font-face {
+		    font-family: 'Atkinson Hyperlegible';
+		    src: local('Atkinson Hyperlegible Bold Italic'), local('AtkinsonHyperlegible-BoldItalic'),
+		        url('/static/fonts/Atkinson-Hyperlegible-BoldItalic.woff2') format('woff2');
+		    font-weight: bold;
+		    font-style: italic;
+		    font-display: swap;
+		}
+
+		@font-face {
+		    font-family: 'Atkinson Hyperlegible';
+		    src: local('Atkinson Hyperlegible Italic'), local('AtkinsonHyperlegible-Italic'),
+		        url('/static/fonts/Atkinson-Hyperlegible-Italic.woff2') format('woff2');
+		    font-weight: normal;
+		    font-style: italic;
+		    font-display: swap;
+		}
+
+		@font-face {
+		    font-family: 'Atkinson Hyperlegible';
+		    src: local('Atkinson Hyperlegible Regular'), local('AtkinsonHyperlegible-Regular'),
+		        url('/static/fonts/Atkinson-Hyperlegible-Regular.woff2') format('woff2');
+		    font-weight: normal;
+		    font-style: normal;
+		    font-display: swap;
+		}
+		:root {
+			--bs-font-sans-serif: "Atkinson Hyperlegible", sans-serif;
+			--bs-body-font-size: 1.05rem;
+		}
+		.dropdown-toggle::after {
+			vertical-align: -.125em;
+		}
+		.btn:not(.btn-sm) {
+			--bs-btn-font-size: 1.02rem;
+		}
+		.btn-group-sm > .btn, .btn-sm {
+			--bs-btn-font-size: 0.91rem;
+		}
+		.nav {
+			--bs-nav-link-font-size: 1rem;
+		}
+		.bi::before, [class*=" bi-"]::before, [class^="bi-"]::before {
+			vertical-align: -.2em;
+		}
+		{% endif %}
 		[data-bs-theme=light] {
 			--bs-primary: {{ cfg.style.accentLight }} !important;
 		}