diff --git a/src/public/fonts/OpenSans/OpenSans-Bold.woff2 b/src/public/fonts/OpenSans/OpenSans-Bold.woff2 new file mode 100644 index 0000000..e984873 Binary files /dev/null and b/src/public/fonts/OpenSans/OpenSans-Bold.woff2 differ diff --git a/src/public/fonts/OpenSans/OpenSans-BoldItalic.woff2 b/src/public/fonts/OpenSans/OpenSans-BoldItalic.woff2 new file mode 100644 index 0000000..68666ea Binary files /dev/null and b/src/public/fonts/OpenSans/OpenSans-BoldItalic.woff2 differ diff --git a/src/public/fonts/OpenSans/OpenSans-Italic.woff2 b/src/public/fonts/OpenSans/OpenSans-Italic.woff2 new file mode 100644 index 0000000..9398fd5 Binary files /dev/null and b/src/public/fonts/OpenSans/OpenSans-Italic.woff2 differ diff --git a/src/public/fonts/OpenSans/OpenSans-Regular.woff2 b/src/public/fonts/OpenSans/OpenSans-Regular.woff2 new file mode 100644 index 0000000..a8b5319 Binary files /dev/null and b/src/public/fonts/OpenSans/OpenSans-Regular.woff2 differ diff --git a/src/public/fonts/OpenSans/OpenSans-SemiBold.woff2 b/src/public/fonts/OpenSans/OpenSans-SemiBold.woff2 new file mode 100644 index 0000000..90d8273 Binary files /dev/null and b/src/public/fonts/OpenSans/OpenSans-SemiBold.woff2 differ diff --git a/src/public/fonts/OpenSans/OpenSans-SemiBoldItalic.woff2 b/src/public/fonts/OpenSans/OpenSans-SemiBoldItalic.woff2 new file mode 100644 index 0000000..ca7c201 Binary files /dev/null and b/src/public/fonts/OpenSans/OpenSans-SemiBoldItalic.woff2 differ diff --git a/src/public/fonts/PoiretOne/PoiretOne-Regular.woff2 b/src/public/fonts/PoiretOne/PoiretOne-Regular.woff2 new file mode 100644 index 0000000..092a63b Binary files /dev/null and b/src/public/fonts/PoiretOne/PoiretOne-Regular.woff2 differ diff --git a/src/public/fonts/VictorMono/VictorMono-Bold.woff2 b/src/public/fonts/VictorMono/VictorMono-Bold.woff2 new file mode 100644 index 0000000..cc1ce23 Binary files /dev/null and b/src/public/fonts/VictorMono/VictorMono-Bold.woff2 differ diff --git a/src/public/fonts/VictorMono/VictorMono-BoldItalic.woff2 b/src/public/fonts/VictorMono/VictorMono-BoldItalic.woff2 new file mode 100644 index 0000000..fe7ab13 Binary files /dev/null and b/src/public/fonts/VictorMono/VictorMono-BoldItalic.woff2 differ diff --git a/src/public/fonts/VictorMono/VictorMono-Italic.woff2 b/src/public/fonts/VictorMono/VictorMono-Italic.woff2 new file mode 100644 index 0000000..4fcf77c Binary files /dev/null and b/src/public/fonts/VictorMono/VictorMono-Italic.woff2 differ diff --git a/src/public/fonts/VictorMono/VictorMono-Regular.woff2 b/src/public/fonts/VictorMono/VictorMono-Regular.woff2 new file mode 100644 index 0000000..5f8e7fa Binary files /dev/null and b/src/public/fonts/VictorMono/VictorMono-Regular.woff2 differ diff --git a/src/resources/css/typography.css b/src/resources/css/typography.css index 129ed26..a5afcda 100644 --- a/src/resources/css/typography.css +++ b/src/resources/css/typography.css @@ -45,3 +45,91 @@ font-style: italic; font-display: swap; } + +@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; +} + +@font-face { + font-family: "VictorMono"; + src: url('/fonts/VictorMono/VictorMono-Regular.woff2') format("woff2"); + font-weight: 400; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: "VictorMono"; + src: url('/fonts/VictorMono/VictorMono-Italic.woff2') format("woff2"); + font-weight: 400; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: "VictorMono"; + src: url('/fonts/VictorMono/VictorMono-Bold.woff2') format("woff2"); + font-weight: 700; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: "VictorMono"; + src: url('/fonts/VictorMono/VictorMono-BoldItalic.woff2') format("woff2"); + font-weight: 700; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: "PoiretOne"; + src: url('/fonts/PoiretOne/PoiretOne-Regular.woff2') format("woff2"); + font-weight: 400; + font-style: normal; + font-display: swap; +} diff --git a/src/tailwind.config.js b/src/tailwind.config.js index 30bead8..a91defe 100644 --- a/src/tailwind.config.js +++ b/src/tailwind.config.js @@ -209,15 +209,41 @@ module.exports = { // pinks + 'mandy': { + 50: '#fef2f3', + 100: '#fde6e7', + 200: '#fbd0d5', + 300: '#f7aab2', + 400: '#f27a8a', + 500: '#ea546c', + 600: '#d5294d', + 700: '#b31d3f', + 800: '#961b3c', + 900: '#811a39', + }, + + 'amaranth': { + 50: '#fff1f4', + 100: '#ffe3e8', + 200: '#ffcbd8', + 300: '#ffa1b8', + 400: '#ff6d94', + 500: '#fa3972', + 600: '#e91f64', + 700: '#c40c4f', + 800: '#a40d49', + 900: '#8c0f45', + }, + }, fontFamily: { - sans: ['Nunito', ...defaultTheme.fontFamily.sans], + sans: ['OpenSans', ...defaultTheme.fontFamily.sans], serif: ['Nunito', ...defaultTheme.fontFamily.serif], - mono: ['Nunito', ...defaultTheme.fontFamily.mono], - display: ['Nunito', ...defaultTheme.fontFamily.display], - body: ['"Font Name"', ...defaultTheme.fontFamily.body], + mono: ['RobotoMono', ...defaultTheme.fontFamily.mono], + display: ['PoiretOne', ...defaultTheme.fontFamily.display], + body: ['OpenSans', ...defaultTheme.fontFamily.body], }, extend: {},