diff options
Diffstat (limited to 'styles.scss')
| -rw-r--r-- | styles.scss | 20 |
1 files changed, 13 insertions, 7 deletions
diff --git a/styles.scss b/styles.scss index 5b82a6f..1ee9988 100644 --- a/styles.scss +++ b/styles.scss @@ -7,9 +7,15 @@ $accent-color: #cfab28; // Fonts @font-face { -font-family: "Josefin Sans"; -src: url('fonts/JosefinSans-VariableFont_wght.ttf'); -src: url('fonts/JosefinSans-VariableFont_wght.ttf') format('truetype'); + font-family: "Josefin Sans"; + src: url('fonts/JosefinSans-VariableFont_wght.ttf'); + src: url('fonts/JosefinSans-VariableFont_wght.ttf') format('truetype'); +} + +@font-face { + font-family: "Josefin Slab"; + src: url('fonts/JosefinSlab-VariableFont_wght.ttf'); + src: url('fonts/JosefinSlab-VariableFont_wght.ttf') format('truetype'); } @@ -31,19 +37,19 @@ $serif-font: 'Josefin Slab'; body { font-family: $serif-font; - font-weight: 400; + font-weight: 300; color: $foreground-color; } a { font-family: $sans-serif-font; - font-weight: 400; + font-weight: 300; color: $foreground-color; } h1, h2, h3, h4, h5 { font-family: $sans-serif-font; - font-weight: 700; + font-weight: 500; color: $foreground-color; } @@ -108,7 +114,7 @@ small {font-size: 0.750rem; /* 12px */} a { text-decoration: none; - font-weight: 700; + font-weight: 500; font-size: 15vmin; color: $foreground-color; // Assuming you want to use your color variable } |