From 9a27c952cfa865949bfd529669a009baa03ee5ad Mon Sep 17 00:00:00 2001 From: cyfraeviolae Date: Sat, 26 Feb 2022 03:09:34 -0500 Subject: font and rework --- static/charter_bold.woff2 | Bin 0 -> 15028 bytes static/charter_bold_italic.woff2 | Bin 0 -> 16108 bytes static/charter_italic.woff2 | Bin 0 -> 15376 bytes static/charter_regular.woff2 | Bin 0 -> 14648 bytes static/style.css | 47 ++++++++++++++++++++++++++++++++------- 5 files changed, 39 insertions(+), 8 deletions(-) create mode 100644 static/charter_bold.woff2 create mode 100644 static/charter_bold_italic.woff2 create mode 100644 static/charter_italic.woff2 create mode 100644 static/charter_regular.woff2 (limited to 'static') diff --git a/static/charter_bold.woff2 b/static/charter_bold.woff2 new file mode 100644 index 0000000..008c4f5 Binary files /dev/null and b/static/charter_bold.woff2 differ diff --git a/static/charter_bold_italic.woff2 b/static/charter_bold_italic.woff2 new file mode 100644 index 0000000..8a2cacc Binary files /dev/null and b/static/charter_bold_italic.woff2 differ diff --git a/static/charter_italic.woff2 b/static/charter_italic.woff2 new file mode 100644 index 0000000..ea15e1a Binary files /dev/null and b/static/charter_italic.woff2 differ diff --git a/static/charter_regular.woff2 b/static/charter_regular.woff2 new file mode 100644 index 0000000..d4bc9e0 Binary files /dev/null and b/static/charter_regular.woff2 differ diff --git a/static/style.css b/static/style.css index 06a86be..a513b50 100644 --- a/static/style.css +++ b/static/style.css @@ -1,3 +1,28 @@ +@font-face { + font-family: Charter; + src: url(charter_regular.woff2) format('woff2-variations'); + font-style: normal; +} + +@font-face { + font-family: Charter; + src: url(charter_italic.woff2) format('woff2-variations'); + font-style: italic; +} + +@font-face { + font-family: Charter; + src: url(charter_bold.woff2) format('woff2-variations'); + font-weight: bold; +} + +@font-face { + font-family: Charter; + src: url(charter_bold_italic.woff2) format('woff2-variations'); + font-style: italic; + font-weight: bold; +} + @font-face { font-family: EBGaramond; src: url(EBGaramond-VariableFont_wght.ttf) format('woff2-variations'); @@ -17,29 +42,35 @@ } body { - background: #fdf3f3; + background: #fffaef; color: DarkSlateGrey; - font-family: EBGaramond, serif; - font-size: large; + font-family: Charter, serif; + font-size: 18px; } a { - color: #1a97bf; + text-decoration: none; + color: #dd1b26; } a:hover { - color: #075d77; + text-decoration: underline; + color: #dd1b26; } .container { - margin: 1em; + margin: 4em; max-width: 40em; } -.title { +.header { font-style: italic; + font-size: x-large; +} + +.title { + font-weight: bold; letter-spacing: -0.5px; - font-size: larger; } hr { -- cgit v1.2.3