diff --git a/pages/helpers/font.css b/pages/helpers/font.css index 2bc36d3..1c9732a 100644 --- a/pages/helpers/font.css +++ b/pages/helpers/font.css @@ -7,28 +7,60 @@ } /* */ - p,li,code,a,pre { + /*** Fonts ***/ + + html, body { + font-family: system-ui, sans-serif; + } + + /* */ + h1, h2, h3, h4, h5, h6 { + font-family: 'Space Grotesk', Georgia, system-ui, Consolas, sans-serif; + } + /* */ + + /*** Font Sizes ***/ + + html, body { font-size: medium; } - b,figcaption { - font-size: large; + code, pre { + font-size: 0.8rem; + + font-family: + ui-monospace, + SFMono-Regular, + Menlo, Monaco, + Consolas, + "Liberation Mono", + "Courier New", + monospace + ; + } + + p, li, a { + font-size: 1rem; + } + + b, figcaption { + font-size: 1.2rem; font-weight: bold; } - strong,img { - font-size: larger; + strong, img { + font-size: 1.2rem; font-weight: bolder; } - h6,h5 { - font-size: larger; + h6, h5 { + font-size: 1.5rem; } - h4,h3 { - font-size: x-large; + h4, h3 { + font-size: 1.75rem; } - h2,h1 { - font-size: xx-large; + h2, h1 { + font-size: 2rem; }