Feature add updated antonio local font

src/assets/scss/_local-fonts.scss

@@ -1,26 +1,29 @@
 @font-face {
   font-family: 'Antonio';
-  src: url('../fonts/antonio-bold.woff2') format('woff2'),
-    url('../fonts/antonio-bold.woff') format('woff');
-  font-weight: normal;
+  src: url('../fonts/antonio-v11-bold.woff2') format('woff2'),
+    url('../fonts/antonio-v11-bold.woff') format('woff'),
+  url('../fonts/antonio-v11-bold.ttf') format('truetype'); /* Safari, Android, iOS */
+  font-weight: 700;
   font-style: normal;
   font-display: swap;
 }
 
 @font-face {
   font-family: 'Antonio';
-  src: url('../fonts/antonio-light.woff2') format('woff2'),
-    url('../fonts/antonio-light.woff') format('woff');
-  font-weight: normal;
+  src: url('../fonts/antonio-v11-light.woff2') format('woff2'),
+    url('../fonts/antonio-v11-light.woff') format('woff'),
+  url('../fonts/antonio-v11-light.ttf') format('truetype'); /* Safari, Android, iOS */
+  font-weight: 100;
   font-style: normal;
   font-display: swap;
 }
 
 @font-face {
   font-family: 'Antonio';
-  src: url('../fonts/antonio-regular.woff2') format('woff2'),
-    url('../fonts/antonio-regular.woff') format('woff');
-  font-weight: normal;
+  src: url('../fonts/antonio-v11-regular.woff2') format('woff2'),
+    url('../fonts/antonio-v11-regular.woff') format('woff'),
+  url('../fonts/antonio-v11-regular.ttf') format('truetype'); /* Safari, Android, iOS */
+  font-weight: 400;
   font-style: normal;
   font-display: swap;
 }
@@ -326,3 +329,17 @@
   font-style: italic;
   font-display: swap;
 }
+
+@font-face {
+  font-family: "Antonio-fallback";
+  text-transform: uppercase;
+  size-adjust: 99%;
+  src: local("Arial Narrow");
+}
+
+@font-face {
+  font-family: "Zilla-fallback";
+  size-adjust: 93%;
+  ascent-override: 99%;
+  src: local("Georgia");
+}

src/assets/scss/_utilities.scss

@@ -322,7 +322,7 @@
   text-transform: uppercase;
   line-height: 1.4;
   font-size: 1.25rem;
-  padding: 1rem 2rem 1rem;
+  padding: 1rem 2rem 1.2rem;
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 

src/assets/scss/_variables.scss

@@ -47,9 +47,9 @@ $border-width: 1px;
 // Typography
 
 $font-family-sans-serif: 'Roboto', sans-serif;
-$font-family-serif: 'Zilla Slab', serif;
+$font-family-serif: 'Zilla Slab', 'Zilla-fallback', serif;
 $font-family-serif-alt: 'Lora', serif;
-$font-family-caps: 'Antonio', sans-serif;
+$font-family-caps: 'Antonio', 'Antonio-fallback', sans-serif;
 $font-family-caps-light: 'Antonio', sans-serif;
 $font-family-caps-bold: 'Antonio', sans-serif;
 $font-family-script: 'amnestyscript';

src/assets/scss/uids.scss

@@ -43,7 +43,6 @@ $imgpath: '../../assets/images';
 'menus/internal-navigation/internal-navigation',
 'menus/main-menu/main-menu.scss',
 'menus/toggle-nav/toggle-nav.scss',
-'menus/quick/quick',
 'menus/top/top.scss',
 'menus/user-menu/user-menu',
 'menus/vertical/vertical',

src/components/headline/headline.scss

@@ -99,6 +99,6 @@ h6, .h6 {
 .bold-headline--highlight.bold-headline--caps,
 .headline--highlight.headline--uppercase {
   span {
-    padding: 0.1rem 1rem 0;
+    padding: .4rem 1.2rem .8rem;
   }
 }

src/components/stat/stat.scss

@@ -34,14 +34,14 @@
     font-weight: bold;
     font-size: 4rem;
     border-bottom: 8px solid $primary;
-    padding: $lg 0 $sm 0;
+    padding: $lg 0 1rem 0;
 
     @include breakpoint(sm) {
-      padding: $md $lg $sm 0;
+      padding: $md $lg 1rem 0;
     }
 
     .element--flex-center & {
-      padding: $md $lg $sm $lg;
+      padding: $md $lg 1rem $lg;
       display: block;
     }
 
@@ -67,10 +67,10 @@
 
     @include breakpoint(sm) {
       font-size: 5rem;
-      padding: 0 $lg $sm 0;
+      padding: 0 $lg 1rem 0;
 
       .element--flex-center & {
-        padding: 0 $lg $sm;
+        padding: 0 $lg 1rem;
       }
     }
   }
@@ -142,15 +142,15 @@
 .headline__prefix,
 .headline__suffix{
   font-size: 3.5rem;
-  vertical-align: middle;
+  vertical-align: bottom;
 }
 
 .headline__prefix {
-  margin-right: -15px;
+  margin-right: -8px;
 }
 
 .headline__suffix{
-  margin-left: -15px;
+  margin-left: -8px;
 }
 
 .stat--horizontal:not(.element--flex-center) {

src/components/typography/lists/lists.scss

@@ -107,7 +107,7 @@ dd {
       left: -100px;
       width: 5rem;
       height: 5rem;
-      padding-top: 39px;
+      padding-top: 35px;
       content: counter(circle-counter);
       text-align: center;
       text-transform: uppercase;