From 4249b9be30f91899e9bc9d27836e1c0274884d37 Mon Sep 17 00:00:00 2001 From: SpacingBat3 Date: Sun, 29 May 2022 17:19:20 +0200 Subject: [PATCH] Replace Source Code Pro font with Fira Code. Fira Code is currently one of the most popular monospace fonts which (unlike Source Code Pro) supports programming ligatures. --- package.json | 2 +- sources/assets/web/css/fonts.css | 14 +++++++------- 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/package.json b/package.json index 19b86a1d..ceeb5b93 100644 --- a/package.json +++ b/package.json @@ -54,8 +54,8 @@ "typescript": "^4.5.2" }, "dependencies": { + "@fontsource/fira-code": "^4.5.9", "@fontsource/roboto": "^4.5.1", - "@fontsource/source-code-pro": "^4.5.1", "@fontsource/ubuntu": "^4.5.0", "@spacingbat3/kolor": "^2.0.1", "deepmerge-ts": "^4.0.0", diff --git a/sources/assets/web/css/fonts.css b/sources/assets/web/css/fonts.css index 4dc1ba52..d8dacb33 100644 --- a/sources/assets/web/css/fonts.css +++ b/sources/assets/web/css/fonts.css @@ -10,18 +10,18 @@ @import url('../../../../node_modules/@fontsource/ubuntu/400.css'); @import url('../../../../node_modules/@fontsource/ubuntu/400-italic.css'); -/** Source Code Pro: regular, bold, italic, bold+italic **/ -@import url('../../../../node_modules/@fontsource/source-code-pro/700.css'); -@import url('../../../../node_modules/@fontsource/source-code-pro/700-italic.css'); -@import url('../../../../node_modules/@fontsource/source-code-pro/400.css'); -@import url('../../../../node_modules/@fontsource/source-code-pro/400-italic.css'); +/** Fira Code: regular, bold, italic, bold+italic **/ +@import url('../../../../node_modules/@fontsource/fira-code/700.css'); +@import url('../../../../node_modules/@fontsource/fira-code/700-italic.css'); +@import url('../../../../node_modules/@fontsource/fira-code/400.css'); +@import url('../../../../node_modules/@fontsource/fira-code/400-italic.css'); -/** Twemoji: **/ +/** Twemoji **/ @import url('../../../../node_modules/twemoji-colr-font/twemoji.css'); :root { --font-primary: 'Roboto',Arial,sans-serif, Twemoji; --font-display: 'Ubuntu',Arial,sans-serif, Twemoji; - --font-code: 'Source Code Pro',Courier,monospace, Twemoji; + --font-code: 'Fira Code',Courier,monospace, Twemoji; --font-headline: var(--font-display); } \ No newline at end of file