Fixing antonio weights for browser consistency (#829)

* v3.6.18...v3.6.19

* Added font weights to possibly fix safari misreading of antonio.

* Switching these back to 3.6.18.

* Added fallback fonts

* Added fallback fonts to the rest of the caps variables.

* Trying to trigger a build.

* Added v11 in font name to see if this helps with old cached fonts.

* Update src/assets/scss/_local-fonts.scss

Co-authored-by: Sean Adams-Hiett <[email protected]>

* Update src/assets/scss/_local-fonts.scss

Co-authored-by: Sean Adams-Hiett <[email protected]>

* Update src/assets/scss/_local-fonts.scss

Co-authored-by: Sean Adams-Hiett <[email protected]>

* Update src/assets/scss/_local-fonts.scss

Co-authored-by: Sean Adams-Hiett <[email protected]>

Co-authored-by: Sean Adams-Hiett <[email protected]>

README.md

@@ -66,3 +66,4 @@ If you are starting work on a new component, please make sure that it has `statu
 GitHub Actions is used to build and deploy the Fractal artifact to the `gh-pages` branch. This branch is set to host UIDS using GitHub Pages. All pushes to a branches or tags will trigger a build.
 
 Branches can be accessed at http://uids.brand.uiowa.edu/branches/{your-branch-name}.
+

src/assets/scss/_local-fonts.scss

@@ -1,26 +1,26 @@
 @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');
+  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');
+  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');
+  font-weight: 400;
   font-style: normal;
   font-display: swap;
 }
@@ -326,3 +326,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/_variables.scss

@@ -47,11 +47,11 @@ $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-light: 'Antonio', sans-serif;
-$font-family-caps-bold: 'Antonio', sans-serif;
+$font-family-caps: 'Antonio', 'Antonio-fallback', sans-serif;
+$font-family-caps-light: 'Antonio', 'Antonio-fallback', sans-serif;
+$font-family-caps-bold: 'Antonio', 'Antonio-fallback', sans-serif;
 $font-family-script: 'amnestyscript';
 
 $font-weight-light: 300;

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',