diff --git a/components/components.scss b/components/components.scss index e976886..b124ce6 100644 --- a/components/components.scss +++ b/components/components.scss @@ -1,12 +1,18 @@ @font-face { font-family: Crimson; src: - url('fonts/CrimsonText-Regular.ttf'), - url('fonts/CrimsonText-Bold.ttf'), - url('fonts/CrimsonText-Italic.ttf'), - url('fonts/CrimsonText-BoldItalic.ttf'), - url('fonts/CrimsonText-SemiBold.ttf'), - url('fonts/CrimsonText-SemiBoldItalic.ttf') + url('fonts/Crimson/CrimsonText-Regular.ttf'), + url('fonts/Crimson/CrimsonText-Bold.ttf'), + url('fonts/Crimson/CrimsonText-Italic.ttf') + ; + } + + @font-face { + font-family: Montserrat; + src: + url('fonts/Montserrat/Montserrat-Regular.ttf'), + url('fonts/Montserrat/Montserrat-Bold.ttf'), + url('fonts/Montserrat/Montserrat-Italic.ttf') ; } @@ -16,11 +22,12 @@ $-primary-accent-color: #76323F; $-secondary-accent-color: #C09F80; $-secondary-background-color: #f9f9f9; -$-primary-sans-serif-font: "Trebuchet MS", Helvetica, sans-serif; +$-primary-sans-serif-font: Montserrat, Helvetica, sans-serif; $-primary-serif-font: Crimson, Times, serif; $-primary-sans-serif-accent-font: Roboto, Arial, sans-serif; $-viewport-small: 650px; +$-viewport-extra-small: 390px; @import '01_Atoms/atoms'; diff --git a/public/fonts/Montserrat/Montserrat-Bold.otf b/public/fonts/Montserrat/Montserrat-Bold.otf new file mode 100644 index 0000000..cdfb83d Binary files /dev/null and b/public/fonts/Montserrat/Montserrat-Bold.otf differ diff --git a/public/fonts/Montserrat/Montserrat-Italic.otf b/public/fonts/Montserrat/Montserrat-Italic.otf new file mode 100644 index 0000000..450689e Binary files /dev/null and b/public/fonts/Montserrat/Montserrat-Italic.otf differ diff --git a/public/fonts/Montserrat/Montserrat-Regular.otf b/public/fonts/Montserrat/Montserrat-Regular.otf new file mode 100644 index 0000000..c1d1ee3 Binary files /dev/null and b/public/fonts/Montserrat/Montserrat-Regular.otf differ