adding more fonts and fixing how they are referenced

2022-05-20 13:51:58 -06:00
parent 6241539cb3
commit a14e1b20c0
10 changed files with 53 additions and 7 deletions
@@ -3,7 +3,7 @@
@import 'tailwindcss/utilities';

@import 'animations.css';
-@import 'typography.css';
+@import 'fontfaces.css';

@import 'components/buttons.css';
@import 'components/cards.css';
@@ -2,6 +2,58 @@
 /** | Sans fonts                     | **/
 /** +--------------------------------+ **/

+@font-face {
+    font-family: "OpenSans";
+    src: url('/fonts/OpenSans/OpenSans-Regular.woff2') format("woff2");
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "OpenSans";
+    src: url('/fonts/OpenSans/OpenSans-Italic.woff2') format("woff2");
+    font-weight: 400;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "OpenSans";
+    src: url('/fonts/OpenSans/OpenSans-SemiBold.woff2') format("woff2");
+    font-weight: 600;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "OpenSans";
+    src: url('/fonts/OpenSans/OpenSans-SemiBoldItalic.woff2') format("woff2");
+    font-weight: 600;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "OpenSans";
+    src: url('/fonts/OpenSans/OpenSans-Bold.woff2') format("woff2");
+    font-weight: 700;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "OpenSans";
+    src: url('/fonts/OpenSans/OpenSans-BoldItalic.woff2') format("woff2");
+    font-weight: 700;
+    font-style: italic;
+    font-display: swap;
+}
+
+/** +--------------------------------+ **/
+/** | Serif fonts                    | **/
+/** +--------------------------------+ **/
+
@font-face {
    font-family: "Nunito";
    src: url('/fonts/Nunito/Nunito-Regular.woff2') format("woff2");
@@ -50,12 +102,6 @@
    font-display: swap;
 }

-/** +--------------------------------+ **/
-/** | Serif fonts                    | **/
-/** +--------------------------------+ **/
-
-/**/
-
 /** +--------------------------------+ **/
 /** | Monospace fonts                | **/
 /** +--------------------------------+ **/