From be4afc722a63c3dff33b421914d6c8f84c147cfa Mon Sep 17 00:00:00 2001 From: Julien Calixte Date: Tue, 6 Dec 2022 23:30:01 +0100 Subject: [PATCH] change code font and smaller font size --- src/app.ts | 2 +- src/assets/base.scss | 6 +++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/app.ts b/src/app.ts index b65b210..115514f 100644 --- a/src/app.ts +++ b/src/app.ts @@ -11,7 +11,7 @@ export default defineApp({ link: [ { rel: "stylesheet", - href: "https://fonts.googleapis.com/css2?family=Gulzar&family=Meow+Script&family=Cousine&display=swap", + href: "https://fonts.googleapis.com/css2?family=Gulzar&family=Meow+Script&family=Oxygen+Mono&display=swap", }, ], } diff --git a/src/assets/base.scss b/src/assets/base.scss index ca4fbfa..1c2f059 100644 --- a/src/assets/base.scss +++ b/src/assets/base.scss @@ -37,7 +37,7 @@ --section-gap: 160px; --primary: hsl(229, 90%, 28%); - --code-font-family: "Cousine", monospace; + --code-font-family: 'Oxygen Mono', monospace; } @media (prefers-color-scheme: dark) { @@ -71,7 +71,7 @@ body { line-height: 1.3; font-family: "Gulzar", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, serif; - font-size: 22px; + font-size: 20px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; @@ -109,4 +109,4 @@ strong { code { font-family: var(--code-font-family); -} +} \ No newline at end of file