font.

webapp/src/components/Article.svelte

@@ -6,6 +6,7 @@
 </script>
 
 <style>
+  @import url(/fonts/Fonts.css);
   .article :global(h1),
   .article :global(h2),
   .article :global(h3),
@@ -35,6 +36,8 @@
   .article-body {
     max-width: 45rem;
     margin: 0 auto;
+    font: 1.2rem/1.5 "Apparatus SIL", sans-serif;
+    text-rendering: optimizeLegibility;
   }
   .article-body :global(figure) {
     margin: 0;

webapp/static/fonts/Fonts.css

@@ -0,0 +1,28 @@
+@font-face {
+    font-family: 'Apparatus SIL';
+    src: url('AppSILR.ttf') format('truetype');
+}
+
+@font-face {
+    font-family: 'Apparatus SIL';
+	font-style: italic;
+    src: url('AppSILI.ttf') format('truetype');
+}
+
+@font-face {
+    font-family: 'Apparatus SIL';
+	font-weight: bold;
+    src: url('AppSILB.ttf') format('truetype');
+}
+
+@font-face {
+    font-family: 'Apparatus SIL';
+	font-weight: bold;
+	font-style: italic;
+    src: url('AppSILBI.ttf') format('truetype');
+}
+
+@font-face {
+    font-family: 'Icomoon';
+    src: url('icomoon.ttf') format('truetype');
+}