diff --git a/public/assets/fonts/PPEditorialNew-Regular.otf b/public/assets/fonts/PPEditorialNew-Regular.otf new file mode 100644 index 0000000..778c902 Binary files /dev/null and b/public/assets/fonts/PPEditorialNew-Regular.otf differ diff --git a/public/assets/fonts/PPEditorialNew-RegularItalic.otf b/public/assets/fonts/PPEditorialNew-RegularItalic.otf new file mode 100644 index 0000000..d20c33a Binary files /dev/null and b/public/assets/fonts/PPEditorialNew-RegularItalic.otf differ diff --git a/public/assets/fonts/PPEditorialNew-Ultrabold.otf b/public/assets/fonts/PPEditorialNew-Ultrabold.otf new file mode 100644 index 0000000..507b091 Binary files /dev/null and b/public/assets/fonts/PPEditorialNew-Ultrabold.otf differ diff --git a/public/assets/fonts/PPEditorialNew-UltraboldItalic.otf b/public/assets/fonts/PPEditorialNew-UltraboldItalic.otf new file mode 100644 index 0000000..58282cc Binary files /dev/null and b/public/assets/fonts/PPEditorialNew-UltraboldItalic.otf differ diff --git a/public/assets/fonts/PPEditorialNew-Ultralight.otf b/public/assets/fonts/PPEditorialNew-Ultralight.otf new file mode 100644 index 0000000..59addeb Binary files /dev/null and b/public/assets/fonts/PPEditorialNew-Ultralight.otf differ diff --git a/public/assets/fonts/PPEditorialNew-UltralightItalic.otf b/public/assets/fonts/PPEditorialNew-UltralightItalic.otf new file mode 100644 index 0000000..d3e636b Binary files /dev/null and b/public/assets/fonts/PPEditorialNew-UltralightItalic.otf differ diff --git a/src/styles/fonts.scss b/src/styles/fonts.scss new file mode 100644 index 0000000..c7e7db4 --- /dev/null +++ b/src/styles/fonts.scss @@ -0,0 +1,46 @@ +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap'); + +@font-face { + font-family: 'PPEditorialNew'; + src: url('../../public/assets/fonts/PPEditorialNew-Regular.otf') + format('opentype'); + font-weight: 400; +} + +@font-face { + font-family: 'PPEditorialNew'; + src: url('../../public/assets/fonts/PPEditorialNew-RegularItalic.otf') + format('opentype'); + font-weight: 400; + font-style: italic; +} + +@font-face { + font-family: 'PPEditorialNew'; + src: url('../../public/assets/fonts/PPEditorialNew-Ultrabold.otf') + format('opentype'); + font-weight: 700; +} + +@font-face { + font-family: 'PPEditorialNew'; + src: url('../../public/assets/fonts/PPEditorialNew-UltraboldItalic.otf') + format('opentype'); + font-weight: 700; + font-style: italic; +} + +@font-face { + font-family: 'PPEditorialNew'; + src: url('../../public/assets/fonts/PPEditorialNew-Ultralight.otf') + format('opentype'); + font-weight: 300; +} + +@font-face { + font-family: 'PPEditorialNew'; + src: url('../../public/assets/fonts/PPEditorialNew-UltralightItalic.otf') + format('opentype'); + font-weight: 300; + font-style: italic; +} diff --git a/src/styles/main.scss b/src/styles/main.scss index 2d20682..af92eda 100644 --- a/src/styles/main.scss +++ b/src/styles/main.scss @@ -3,6 +3,7 @@ @import "tailwindcss/utilities"; @import "./general.scss"; +@import "./fonts.scss"; .logo-mobile { display: flex; diff --git a/tailwind.config.ts b/tailwind.config.ts index 9d1c8d9..d4dc436 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -27,7 +27,7 @@ const config: Config = { "sans-serif", ], serif: [ - "ui-serif", + "PPEditorialNew", "Georgia", "Cambria", "Times New Roman",