Add Source Sans 3 font

clarin-eric · Nov 27, 2023 · b0691ba · b0691ba
1 parent ca55527
commit b0691ba
Show file tree

Hide file tree

Showing 30 changed files with 70 additions and 2 deletions.
diff --git a/fonts/sourcesans3/SourceSans3-Black.ttf.woff b/fonts/sourcesans3/SourceSans3-Black.ttf.woff
diff --git a/fonts/sourcesans3/SourceSans3-Black.ttf.woff2 b/fonts/sourcesans3/SourceSans3-Black.ttf.woff2
diff --git a/fonts/sourcesans3/SourceSans3-BlackIt.ttf.woff b/fonts/sourcesans3/SourceSans3-BlackIt.ttf.woff
diff --git a/fonts/sourcesans3/SourceSans3-BlackIt.ttf.woff2 b/fonts/sourcesans3/SourceSans3-BlackIt.ttf.woff2
diff --git a/fonts/sourcesans3/SourceSans3-Bold.ttf.woff b/fonts/sourcesans3/SourceSans3-Bold.ttf.woff
diff --git a/fonts/sourcesans3/SourceSans3-Bold.ttf.woff2 b/fonts/sourcesans3/SourceSans3-Bold.ttf.woff2
diff --git a/fonts/sourcesans3/SourceSans3-BoldIt.ttf.woff b/fonts/sourcesans3/SourceSans3-BoldIt.ttf.woff
diff --git a/fonts/sourcesans3/SourceSans3-BoldIt.ttf.woff2 b/fonts/sourcesans3/SourceSans3-BoldIt.ttf.woff2
diff --git a/fonts/sourcesans3/SourceSans3-ExtraLight.ttf.woff b/fonts/sourcesans3/SourceSans3-ExtraLight.ttf.woff
diff --git a/fonts/sourcesans3/SourceSans3-ExtraLight.ttf.woff2 b/fonts/sourcesans3/SourceSans3-ExtraLight.ttf.woff2
diff --git a/fonts/sourcesans3/SourceSans3-ExtraLightIt.ttf.woff b/fonts/sourcesans3/SourceSans3-ExtraLightIt.ttf.woff
diff --git a/fonts/sourcesans3/SourceSans3-ExtraLightIt.ttf.woff2 b/fonts/sourcesans3/SourceSans3-ExtraLightIt.ttf.woff2
diff --git a/fonts/sourcesans3/SourceSans3-It.ttf.woff b/fonts/sourcesans3/SourceSans3-It.ttf.woff
diff --git a/fonts/sourcesans3/SourceSans3-It.ttf.woff2 b/fonts/sourcesans3/SourceSans3-It.ttf.woff2
diff --git a/fonts/sourcesans3/SourceSans3-Light.ttf.woff b/fonts/sourcesans3/SourceSans3-Light.ttf.woff
diff --git a/fonts/sourcesans3/SourceSans3-Light.ttf.woff2 b/fonts/sourcesans3/SourceSans3-Light.ttf.woff2
diff --git a/fonts/sourcesans3/SourceSans3-LightIt.ttf.woff b/fonts/sourcesans3/SourceSans3-LightIt.ttf.woff
diff --git a/fonts/sourcesans3/SourceSans3-LightIt.ttf.woff2 b/fonts/sourcesans3/SourceSans3-LightIt.ttf.woff2
diff --git a/fonts/sourcesans3/SourceSans3-Medium.ttf.woff b/fonts/sourcesans3/SourceSans3-Medium.ttf.woff
diff --git a/fonts/sourcesans3/SourceSans3-Medium.ttf.woff2 b/fonts/sourcesans3/SourceSans3-Medium.ttf.woff2
diff --git a/fonts/sourcesans3/SourceSans3-MediumIt.ttf.woff b/fonts/sourcesans3/SourceSans3-MediumIt.ttf.woff
diff --git a/fonts/sourcesans3/SourceSans3-MediumIt.ttf.woff2 b/fonts/sourcesans3/SourceSans3-MediumIt.ttf.woff2
diff --git a/fonts/sourcesans3/SourceSans3-Regular.ttf.woff b/fonts/sourcesans3/SourceSans3-Regular.ttf.woff
diff --git a/fonts/sourcesans3/SourceSans3-Regular.ttf.woff2 b/fonts/sourcesans3/SourceSans3-Regular.ttf.woff2
diff --git a/fonts/sourcesans3/SourceSans3-Semibold.ttf.woff b/fonts/sourcesans3/SourceSans3-Semibold.ttf.woff
diff --git a/fonts/sourcesans3/SourceSans3-Semibold.ttf.woff2 b/fonts/sourcesans3/SourceSans3-Semibold.ttf.woff2
diff --git a/fonts/sourcesans3/SourceSans3-SemiboldIt.ttf.woff b/fonts/sourcesans3/SourceSans3-SemiboldIt.ttf.woff
diff --git a/fonts/sourcesans3/SourceSans3-SemiboldIt.ttf.woff2 b/fonts/sourcesans3/SourceSans3-SemiboldIt.ttf.woff2
diff --git a/scss/utility/fonts.scss b/scss/utility/fonts.scss
@@ -59,3 +59,66 @@
     url('../fonts/inter/Inter-BoldItalic.woff2?v=3.15') format('woff2'),
     url('../fonts/inter/Inter-BoldItalic.woff?v=3.15') format('woff');
 }
+
+/* Source Sans Pro font from https://github.com/rsms/inter/releases */
+
+
+@font-face {
+  font-display: swap;
+  font-family: Sanspro;
+  font-style: normal;
+  font-weight: 400;
+  src:
+    url('../fonts/sourcesans3/SourceSans3-Regular.ttf.woff2?v=3.052') format('woff2'),
+    url('../fonts/sourcesans3/SourceSans3-Regular.ttf.woff?v=3.052') format('woff');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: Sanspro;
+  font-style: italic;
+  font-weight: 400;
+  src:
+    url('../fonts/sourcesans3/SourceSans3-It.ttf.woff2?v=3.052') format('woff2'),
+    url('../fonts/sourcesans3/SourceSans3-It.ttf.woff?v=3.052') format('woff');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: Sanspro;
+  font-style: normal;
+  font-weight: 600;
+  src:
+    url('../fonts/sourcesans3/SourceSans3-Semibold.ttf.woff2?v=3.052') format('woff2'),
+    url('../fonts/sourcesans3/SourceSans3-Semibold.ttf.woff?v=3.052') format('woff');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: Sanspro;
+  font-style: italic;
+  font-weight: 600;
+  src:
+    url('../fonts/sourcesans3/SourceSans3-SemiboldItalic.ttf.woff2?v=3.052') format('woff2'),
+    url('../fonts/sourcesans3/SourceSans3-SemiboldItalic.ttf.woff?v=3.052') format('woff');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: Sanspro;
+  font-style: normal;
+  font-weight: 700;
+  src:
+    url('../fonts/sourcesans3/SourceSans3-Bold.ttf.woff2?v=3.052') format('woff2'),
+    url('../fonts/sourcesans3/SourceSans3-Bold.ttf.woff?v=3.052') format('woff');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: Sanspro;
+  font-style: italic;
+  font-weight: 700;
+  src:
+    url('../fonts/sourcesans3/SourceSans3-BoldIt.ttf.woff2?v=3.052') format('woff2'),
+    url('../fonts/sourcesans3/SourceSans3-BoldIt.ttf.woff?v=3.052') format('woff');
+}
diff --git a/scss/utility/typography.scss b/scss/utility/typography.scss
@@ -6,6 +6,11 @@ $font-inter: 'Inter',
   verdana,
   sans-serif;
 
+$font-sans-pro: 'Sanspro',
+  arial,
+  verdana,
+  sans-serif;
+
 // Fonts
 //
 // Font, line-height, and color for body text, headings, and more.
@@ -16,15 +21,15 @@ $font-family-serif: georgia,
   'Times New Roman',
   times,
   serif !default;
-$font-family-base: $font-inter;
+$font-family-base: $font-sans-pro;
 $font-size-base: 1rem; // Assumes the browser default, typically `16px`
 $font-size-lg: $font-size-base * 1.25;
 $font-size-sm: $font-size-base * 0.875;
 $font-size-xs: $font-size-base * 0.75;
 $font-weight-normal: 400;
 $font-weight-bold: 700;
 $font-weight-base: $font-weight-normal;
-$line-height-base: 1.56;
+$line-height-base: 1.563;
 $h1-font-size-h1: 48px;
 $h2-font-size-h2: 24px;
 $h3-font-size-h3: 20px;