diff --git a/assets/css/fonts.css b/assets/css/fonts.css new file mode 100644 index 0000000..e562755 --- /dev/null +++ b/assets/css/fonts.css @@ -0,0 +1,154 @@ +/**************/ +/* HK GROTESK */ +/**************/ + +@font-face { + font-family: 'HK Grotesk'; + src: url('/deus/assets/fonts/HKGrotesk/HKGrotesk-Light.otf') format('opentype'); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: 'HK Grotesk'; + src: url('/deus/assets/fonts/HKGrotesk/HKGrotesk-LightItalic.otf') format('opentype'); + font-weight: 300; + font-style: italic; +} + +@font-face { + font-family: 'HK Grotesk'; + src: url('/deus/assets/fonts/HKGrotesk/HKGrotesk-Regular.otf') format('opentype'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'HK Grotesk'; + src: url('/deus/assets/fonts/HKGrotesk/HKGrotesk-RegularItalic.otf') format('opentype'); + font-weight: normal; + font-style: italic; +} + +@font-face { + font-family: 'HK Grotesk'; + src: url('/deus/assets/fonts/HKGrotesk/HKGrotesk-Medium.otf') format('opentype'); + font-weight: 500; + font-style: normal; +} + +@font-face { + font-family: 'HK Grotesk'; + src: url('/deus/assets/fonts/HKGrotesk/HKGrotesk-MediumItalic.otf') format('opentype'); + font-weight: 500; + font-style: italic; +} + +@font-face { + font-family: 'HK Grotesk'; + src: url('/deus/assets/fonts/HKGrotesk/HKGrotesk-SemiBold.otf') format('opentype'); + font-weight: 600; + font-style: normal; +} + +@font-face { + font-family: 'HK Grotesk'; + src: url('/deus/assets/fonts/HKGrotesk/HKGrotesk-SemiBoldItalic.otf') format('opentype'); + font-weight: 600; + font-style: italic; +} + +@font-face { + font-family: 'HK Grotesk'; + src: url('/deus/assets/fonts/HKGrotesk/HKGrotesk-Bold.otf') format('opentype'); + font-weight: bold; + font-style: normal; +} + +@font-face { + font-family: 'HK Grotesk'; + src: url('/deus/assets/fonts/HKGrotesk/HKGrotesk-BoldItalic.otf') format('opentype'); + font-weight: bold; + font-style: italic; +} +/******************/ +/* PT ASTRA SERIF */ +/******************/ + +@font-face { + font-family: 'PT Astra Serif'; + src: url('/deus/assets/fonts/PTAstraSerif/PTAstraSerif-Regular.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'PT Astra Serif'; + src: url('/deus/assets/fonts/PTAstraSerif/PTAstraSerif-RegularItalic.ttf') format('truetype'); + font-weight: normal; + font-style: italic; +} + +@font-face { + font-family: 'PT Astra Serif'; + src: url('/deus/assets/fonts/PTAstraSerif/PTAstraSerif-Bold.ttf') format('truetype'); + font-weight: bold; + font-style: normal; +} + +@font-face { + font-family: 'PT Astra Serif'; + src: url('/deus/assets/fonts/PTAstraSerif/PTAstraSerif-BoldItalic.ttf') format('truetype'); + font-weight: bold; + font-style: italic; +} +/************/ +/* PT SERIF */ +/************/ + +@font-face { + font-family: 'PT Serif'; + src: url('/deus/assets/fonts/PTSerif/PTSerif-Regular.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'PT Serif'; + src: url('/deus/assets/fonts/PTSerif/PTSerif-RegularItalic.ttf') format('truetype'); + font-weight: normal; + font-style: italic; +} + +@font-face { + font-family: 'PT Serif'; + src: url('/deus/assets/fonts/PTSerif/PTSerif-Bold.ttf') format('truetype'); + font-weight: bold; + font-style: normal; +} + +@font-face { + font-family: 'PT Serif'; + src: url('/deus/assets/fonts/PTSerif/PTSerif-BoldItalic.ttf') format('truetype'); + font-weight: bold; + font-style: italic; +} + +/********************/ +/* PT SERIF CAPTION */ +/********************/ + +@font-face { + font-family: 'PT Serif'; + src: url('/deus/assets/fonts/PTSerif/PTSerif-Caption-Regular.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'PT Serif'; + src: url('/deus/assets/fonts/PTSerif/PTSerif-Caption-RegularItalic.ttf') format('truetype'); + font-weight: normal; + font-style: italic; +} + diff --git a/assets/css/main.css b/assets/css/main.css index 504e925..72d7ba6 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -50,11 +50,17 @@ --deus-body-text-line-spacing: 1.4; --deus-body-text-paragraph-spacing: 1em; - --deus-heading-font: PT Serif; + --deus-heading-font: Spectral SC; + --deus-heading-font-variant: normal; + --deus-heading-font-opentype-features: none; --deus-heading-font-size: 1.5em; + --deus-heading-font-weight: 700; + --deus-heading-letter-spacing: normal; --deus-heading-text-color: var(--deus-color-white); - --deus-nav-ui-font: PT Astra Serif; + --deus-nav-ui-font: Spectral SC; + --deus-nav-ui-font-variant: normal; + --deus-nav-ui-font-opentype-features: none; /* Layout. */ --deus-body-padding: 6rem 2rem; @@ -160,6 +166,12 @@ main nav a { font-family: var(--deus-nav-ui-font); font-size: 1.25em; font-weight: bold; + font-feature-settings: var(--deus-nav-ui-font-opentype-features); + font-variant: var(--deus-nav-ui-font-variant); + + /* Workaround for baseline bug in “Spectral” font. + */ + padding: 0.125em 0 0 0; } main nav a + a { margin-left: 1em; @@ -179,6 +191,10 @@ main nav a.logo { line-height: 0.5; margin-right: 0.25em; font-size: 1em; + + /* Workaround for baseline bug in “Spectral” font. + */ + padding: 0; } main nav a img { max-height: 2em; @@ -309,7 +325,15 @@ article h1 { calc(-1 * var(--deus-post-heading-spacing)) var(--deus-post-heading-spacing) 0 var(--deus-box-border-width) var(--deus-box-border-color); font-family: var(--deus-heading-font); font-size: var(--deus-heading-font-size); + font-weight: var(--deus-heading-font-weight); color: var(--deus-heading-text-color); + font-feature-settings: var(--deus-heading-font-opentype-features); + font-variant: var(--deus-heading-font-variant); + letter-spacing: var(--deus-heading-letter-spacing); + + /* Workaround for baseline bug in “Spectral” font. + */ + padding-top: calc(0.5 * var(--deus-post-padding) + 0.125em); } /*=--------------=*/ @@ -410,7 +434,7 @@ main.gallery-layout { main.gallery-layout article { grid-column-start: -2; grid-row: 1; - margin-top: 5.5rem; + margin-top: 5rem; } main.gallery-layout article h1 { @@ -419,7 +443,7 @@ main.gallery-layout article h1 { box-shadow: none; float: none; padding: 0; - margin: -8rem 0 3rem calc(-1 * var(--deus-post-padding)); + margin: -7.5rem 0 2.75rem calc(-1 * var(--deus-post-padding)); font-size: 3em; } diff --git a/assets/fonts/.DS_Store b/assets/fonts/.DS_Store new file mode 100644 index 0000000..a8e761d Binary files /dev/null and b/assets/fonts/.DS_Store differ diff --git a/assets/fonts/HKGrotesk/HKGrotesk-Bold.otf b/assets/fonts/HKGrotesk/HKGrotesk-Bold.otf new file mode 100644 index 0000000..7a4737d Binary files /dev/null and b/assets/fonts/HKGrotesk/HKGrotesk-Bold.otf differ diff --git a/assets/fonts/HKGrotesk/HKGrotesk-BoldItalic.otf b/assets/fonts/HKGrotesk/HKGrotesk-BoldItalic.otf new file mode 100644 index 0000000..8bf9536 Binary files /dev/null and b/assets/fonts/HKGrotesk/HKGrotesk-BoldItalic.otf differ diff --git a/assets/fonts/HKGrotesk/HKGrotesk-Light.otf b/assets/fonts/HKGrotesk/HKGrotesk-Light.otf new file mode 100644 index 0000000..fc9a5ce Binary files /dev/null and b/assets/fonts/HKGrotesk/HKGrotesk-Light.otf differ diff --git a/assets/fonts/HKGrotesk/HKGrotesk-LightItalic.otf b/assets/fonts/HKGrotesk/HKGrotesk-LightItalic.otf new file mode 100644 index 0000000..c2ac192 Binary files /dev/null and b/assets/fonts/HKGrotesk/HKGrotesk-LightItalic.otf differ diff --git a/assets/fonts/HKGrotesk/HKGrotesk-Medium.otf b/assets/fonts/HKGrotesk/HKGrotesk-Medium.otf new file mode 100644 index 0000000..6fefe6d Binary files /dev/null and b/assets/fonts/HKGrotesk/HKGrotesk-Medium.otf differ diff --git a/assets/fonts/HKGrotesk/HKGrotesk-MediumItalic.otf b/assets/fonts/HKGrotesk/HKGrotesk-MediumItalic.otf new file mode 100644 index 0000000..9de7e30 Binary files /dev/null and b/assets/fonts/HKGrotesk/HKGrotesk-MediumItalic.otf differ diff --git a/assets/fonts/HKGrotesk/HKGrotesk-Regular.otf b/assets/fonts/HKGrotesk/HKGrotesk-Regular.otf new file mode 100644 index 0000000..b478f30 Binary files /dev/null and b/assets/fonts/HKGrotesk/HKGrotesk-Regular.otf differ diff --git a/assets/fonts/HKGrotesk/HKGrotesk-RegularItalic.otf b/assets/fonts/HKGrotesk/HKGrotesk-RegularItalic.otf new file mode 100644 index 0000000..cc3b84f Binary files /dev/null and b/assets/fonts/HKGrotesk/HKGrotesk-RegularItalic.otf differ diff --git a/assets/fonts/HKGrotesk/HKGrotesk-SemiBold.otf b/assets/fonts/HKGrotesk/HKGrotesk-SemiBold.otf new file mode 100644 index 0000000..b12c7cb Binary files /dev/null and b/assets/fonts/HKGrotesk/HKGrotesk-SemiBold.otf differ diff --git a/assets/fonts/HKGrotesk/HKGrotesk-SemiBoldItalic.otf b/assets/fonts/HKGrotesk/HKGrotesk-SemiBoldItalic.otf new file mode 100644 index 0000000..bfb29ef Binary files /dev/null and b/assets/fonts/HKGrotesk/HKGrotesk-SemiBoldItalic.otf differ diff --git a/assets/fonts/PTAstraSerif/PTAstraSerif-Bold.ttf b/assets/fonts/PTAstraSerif/PTAstraSerif-Bold.ttf new file mode 100644 index 0000000..a707343 Binary files /dev/null and b/assets/fonts/PTAstraSerif/PTAstraSerif-Bold.ttf differ diff --git a/assets/fonts/PTAstraSerif/PTAstraSerif-BoldItalic.ttf b/assets/fonts/PTAstraSerif/PTAstraSerif-BoldItalic.ttf new file mode 100644 index 0000000..9aede8f Binary files /dev/null and b/assets/fonts/PTAstraSerif/PTAstraSerif-BoldItalic.ttf differ diff --git a/assets/fonts/PTAstraSerif/PTAstraSerif-Regular.ttf b/assets/fonts/PTAstraSerif/PTAstraSerif-Regular.ttf new file mode 100644 index 0000000..01bd8fe Binary files /dev/null and b/assets/fonts/PTAstraSerif/PTAstraSerif-Regular.ttf differ diff --git a/assets/fonts/PTAstraSerif/PTAstraSerif-RegularItalic.ttf b/assets/fonts/PTAstraSerif/PTAstraSerif-RegularItalic.ttf new file mode 100644 index 0000000..6aa35a0 Binary files /dev/null and b/assets/fonts/PTAstraSerif/PTAstraSerif-RegularItalic.ttf differ diff --git a/assets/fonts/PTSerif/PTSerif-Bold.ttf b/assets/fonts/PTSerif/PTSerif-Bold.ttf new file mode 100644 index 0000000..0e266de Binary files /dev/null and b/assets/fonts/PTSerif/PTSerif-Bold.ttf differ diff --git a/assets/fonts/PTSerif/PTSerif-BoldItalic.ttf b/assets/fonts/PTSerif/PTSerif-BoldItalic.ttf new file mode 100644 index 0000000..42154ad Binary files /dev/null and b/assets/fonts/PTSerif/PTSerif-BoldItalic.ttf differ diff --git a/assets/fonts/PTSerif/PTSerif-Caption-Regular.ttf b/assets/fonts/PTSerif/PTSerif-Caption-Regular.ttf new file mode 100644 index 0000000..07346b0 Binary files /dev/null and b/assets/fonts/PTSerif/PTSerif-Caption-Regular.ttf differ diff --git a/assets/fonts/PTSerif/PTSerif-Caption-RegularItalic.ttf b/assets/fonts/PTSerif/PTSerif-Caption-RegularItalic.ttf new file mode 100644 index 0000000..b3b4574 Binary files /dev/null and b/assets/fonts/PTSerif/PTSerif-Caption-RegularItalic.ttf differ diff --git a/assets/fonts/PTSerif/PTSerif-Regular.ttf b/assets/fonts/PTSerif/PTSerif-Regular.ttf new file mode 100644 index 0000000..9fff36b Binary files /dev/null and b/assets/fonts/PTSerif/PTSerif-Regular.ttf differ diff --git a/assets/fonts/PTSerif/PTSerif-RegularItalic.ttf b/assets/fonts/PTSerif/PTSerif-RegularItalic.ttf new file mode 100644 index 0000000..ad0f477 Binary files /dev/null and b/assets/fonts/PTSerif/PTSerif-RegularItalic.ttf differ diff --git a/includes/head-content.html b/includes/head-content.html index e34f3fc..2277073 100644 --- a/includes/head-content.html +++ b/includes/head-content.html @@ -1,5 +1,6 @@ - + +