diff options
| author | Fuwn <[email protected]> | 2024-01-05 18:53:43 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-05 19:23:30 -0800 |
| commit | 653e4b1fde2487a2f2390faafb1b32b7e2269781 (patch) | |
| tree | 3e92c4d42cda933ff5d89cb1187da02f97d13ae6 | |
| parent | refactor(css): no underline anchor (diff) | |
| download | due.moe-653e4b1fde2487a2f2390faafb1b32b7e2269781.tar.xz due.moe-653e4b1fde2487a2f2390faafb1b32b7e2269781.zip | |
feat(css): new font
| -rw-r--r-- | src/app.css | 22 | ||||
| -rw-r--r-- | src/routes/+layout.svelte | 10 |
2 files changed, 22 insertions, 10 deletions
diff --git a/src/app.css b/src/app.css index c92cc14e..600eb446 100644 --- a/src/app.css +++ b/src/app.css @@ -1,11 +1,22 @@ /* Kosugi, M PLUS 1 Code */ -@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;550;700;800&display=swap'); +/* @import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;550;700;800&display=swap'); */ +@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600&family=Roboto:wght@500;700&display=swap'); body { - font-family: 'Ubuntu', sans-serif; - font-size: 1rem; + font-family: 'Quicksand', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, + Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + font-size: 1em; line-height: 1.5; - text-shadow: 0 0 0.25em var(--base01); + font-weight: 500; + /* text-shadow: 0 0 0.25em var(--base01); */ +} + +#wrapped { + font-family: inherit; + font-size: inherit; + line-height: inherit; + font-weight: 400; + text-shadow: none; } details { @@ -16,7 +27,8 @@ details { } summary { - font-weight: 500; + font-size: 1.05em; + font-weight: 600; } summary small { diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 858c9f33..a15e14ee 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -43,7 +43,7 @@ <a href="/tools" class="header-item">Tools</a> <a href="/settings" class="header-item">Settings</a> - <span style="opacity: 50%; font-weight: bold;">|</span> + <span style="opacity: 50%;">|</span> {#if data.user} <a href={`/user/${currentUserIdentity.name}`} class="header-item">Profile</a> @@ -78,11 +78,11 @@ </div> <style> - @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;500;550;700;800&display=swap'); - #header { - font-family: 'Lato', sans-serif; - font-size: 1.1rem; + font-family: 'Quicksand', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, + Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + font-size: 1em; + font-weight: 500; } :global(html.light-theme) { |