From 350c75cfdb9f79e6613200cdd911e53846f5a46d Mon Sep 17 00:00:00 2001 From: ericb Date: Wed, 27 Nov 2024 16:57:43 +0100 Subject: [PATCH] Testing fonts --- home.html | 6 ------ static/css/fonts/nunito.css | 17 +++++++++++++++++ static/css/main.css | 31 +++++++++++++++++++----------- tandem-list.html | 38 ++++++++++++++++++------------------- 4 files changed, 56 insertions(+), 36 deletions(-) create mode 100644 static/css/fonts/nunito.css diff --git a/home.html b/home.html index 3725625..f6d75ad 100644 --- a/home.html +++ b/home.html @@ -28,12 +28,6 @@
diff --git a/static/css/fonts/nunito.css b/static/css/fonts/nunito.css new file mode 100644 index 0000000..71c3a57 --- /dev/null +++ b/static/css/fonts/nunito.css @@ -0,0 +1,17 @@ +/* latin */ +@font-face { + font-family: 'Nunito'; + font-style: normal; + font-weight: 200 1000; + font-display: block; + src: url(https://fonts.gstatic.com/s/nunito/v26/XRXV3I6Li01BKofINeaBTMnFcQ.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +@font-face { + font-family: 'Roboto Slab'; + font-style: normal; + font-weight: 100 900; + font-display: block; + src: url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufN5qWr4xCC.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} \ No newline at end of file diff --git a/static/css/main.css b/static/css/main.css index 316107d..f52593f 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -1,24 +1,29 @@ +@import url('fonts/nunito.css'); + html { color: rgba(53,53,53,1)!important; font-size: 1em; line-height: 1.15; font-kerning: normal; overflow-x: hidden; - } body { -/* font-family: 'Montserrat', sans-serif; */ + font-family: var(--bs-body-font-family); background-color: var(--background); overflow-x: hidden; font-size: 1rem; - letter-spacing: .25px; +/* letter-spacing: .25px; */ -webkit-font-smoothing: antialiased; + font-variant-ligatures: no-common-ligatures; + font-weight: 400; } -::selection, ::-moz-selection { +h1,h2,h3,h4{ + font-family: 'Roboto Slab'; +} +/* ::selection, ::-moz-selection { background-color: var(--grauwert3); text-shadow: none; -} - +} */ :root{ --background: rgb(240,240,240); --background-wrapper: rgb(250,250,250); @@ -32,11 +37,11 @@ body { --bs-btn-active-border-color: var(--grau); --bs-btn-hover-bg: #f28705; --bs-link-color: #f28705; + --bs-body-font-family: "Nunito", Arial, Tahoma, sans-serif; --top-bar: 98px; --bottom-bar: 5em; --div-padding: 3rem; } - .top-bar{ height: var(--top-bar); border-bottom: 1px solid var(--accent-normal); @@ -146,9 +151,9 @@ body { padding: var(--div-padding); border-radius: 0.5rem; } -#profile label{ +/* #profile label{ font-weight: 700; -} +} */ #user-profile-activation{ padding: 1.5em; background-color: var(--accent-light); @@ -216,7 +221,7 @@ article li:not(:first-of-type){ position: relative; } .profile:not(:first-child){ - margin-top: 1.75rem; + margin-top: 2.25rem; } .profile:not(:first-child):before { content: '•••'; @@ -231,6 +236,10 @@ article li:not(:first-of-type){ line-height: .525; color: darkgray; } +.profile .user-avatar{ + display: flex; + justify-content: center;; +} .user-avatar img{ width: 9em; height: 9em; @@ -240,7 +249,7 @@ article li:not(:first-of-type){ border-radius: 50%; } .profile .label{ - font-weight: 600; + font-weight: 700; } .user-description{ margin-top: 1.5em; diff --git a/tandem-list.html b/tandem-list.html index 6f65994..597b217 100644 --- a/tandem-list.html +++ b/tandem-list.html @@ -31,40 +31,40 @@ @@ -128,10 +128,10 @@
Admin