change main font

assets/css/app.scss

@@ -5,14 +5,14 @@
 @import 'app/alert';
 
 @font-face {
-	font-family: "MainFont";
+  font-family: "MainFont";
   src:
-    url('../fonts/ubuntu/ubuntu-light.woff2?20211108') format('woff2'),
-    url('../fonts/ubuntu/ubuntu-light.woff?20211108') format('woff');
+    url('../fonts/atkinson/WOFF2/Atkinson-Hyperlegible-Regular-102a.woff2?20220911') format('woff2'),
+    url('../fonts/atkinson/WOFF/Atkinson-Hyperlegible-Regular-102.woff?20211108w20220911') format('woff');
 }
 
 @font-face {
-	font-family: "deblan-icon";
+  font-family: "deblan-icon";
   src: url('../fonts/deblan/deblan-icon.eot?20211108');
   src:
     url('../fonts/deblan/deblan-icon.woff2?20211108') format('woff2'),
@@ -698,7 +698,7 @@ pre[class*="language-"] {
 }
 
 .link {
-	margin: 0 1px;
+  margin: 0 1px;
   display: inline-block;
 
   a {
@@ -737,7 +737,7 @@ $links: (
 
 @each $site, $bg in $links {
   .link-#{$site} {
-  	background-color: $bg;
+    background-color: $bg;
 
     &:hover a, &:focus a, a:focus, a:hover {
       color: $color-very-light-grey;