Improve typography (#75)

* Update favicon images

* Add Aksen font and update font family for headings

* Update font line-height in _variables.scss

src/assets/styles/base/_fonts.scss

@@ -1,9 +1,7 @@
 @font-face {
-	font-family: "Mona Sans";
-	src: url("../fonts/Mona-Sans.woff2") format("woff2 supports variations"),
-		url("../fonts/Mona-Sans.woff2") format("woff2-variations");
-	font-weight: 200 900;
-	font-stretch: 75% 125%;
+	font-family: "Aksen";
+	src: url("../fonts/Aksen-Condensed-SemiBold.woff2") format("woff2");
+	font-weight: 600;
 	font-display: block;
 }
 

src/assets/styles/base/_typography.scss

@@ -6,7 +6,6 @@ h5,
 h6 {
 	text-rendering: optimizeLegibility;
 	font-family: $font-family-sans-serif-heading;
-	font-variation-settings: "ital" 0, "wdth" 90;
 	margin-bottom: 24px;
 	font-weight: 600;
 	color: var(--text-primary);

src/assets/styles/utils/_variables.scss

@@ -100,7 +100,7 @@ $text-color: $gray-950;
 // Typography
 // Font, line-height, and color for body text, headings, and more.
 
-$font-family-sans-serif-heading: "Mona Sans", -apple-system, BlinkMacSystemFont,
+$font-family-sans-serif-heading: "Aksen", -apple-system, BlinkMacSystemFont,
 	"Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
 	"Droid Sans", "Helvetica Neue", sans-serif, "Apple Color Emoji",
 	"Segoe UI Emoji", "Segoe UI Symbol";
@@ -115,7 +115,7 @@ $font-family-base: $font-family-sans-serif-body;
 
 $font-size-root: 100%;
 $font-size-base: 1rem;
-$line-height: 1.5rem;
+$line-height: 1.6rem;
 
 // Animation
 // Default easing curves, Transitions, etc