SebinNyshkim/blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: 🩹 use custom properties to set font-family

Browse source
This commit is contained in:
Sebin Nyshkim 2024-10-17 20:31:23 +02:00
parent 453331f3dd
commit 1afcf222d7
1 changed files with 12 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/css/style.css
View file

@ -5,7 +5,13 @@
@tailwind utilities; @tailwind utilities;
:root { :root {
font-family: 'Encode Sans', sans-serif; --font-copy: 'Encode Sans', sans-serif;
--font-heading: 'Tilt Warp', sans-serif;
--font-monospace: 'M PLUS 1 Code', monospace;
}
body {
font-family: var(--font-copy);
font-optical-sizing: auto; font-optical-sizing: auto;
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
@ -17,11 +23,11 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: 'Tilt Warp', sans-serif; font-family: var(--font-heading)
font-optical-sizing: auto; }
font-weight: 400;
font-style: normal; pre, code {
font-variation-settings: 'XROT' 0, 'YROT' 0; font-family: var(--font-monospace);
} }
a:not(nav a, .button) { a:not(nav a, .button) {