diff --git a/pages/helpers/font.css b/pages/helpers/font.css index 7b77a90..a8fa744 100644 --- a/pages/helpers/font.css +++ b/pages/helpers/font.css @@ -13,12 +13,24 @@ font-family: system-ui, sans-serif; } - /* */ + /* * / h1, h2, h3, h4, h5, h6 { font-family: 'Space Grotesk', Georgia, system-ui, Consolas, sans-serif; } /* */ + code, pre, .mono { + font-family: + ui-monospace, + SFMono-Regular, + Menlo, Monaco, + Consolas, + "Liberation Mono", + "Courier New", + monospace + ; + } + /*** Font Sizes ***/ html { @@ -30,46 +42,35 @@ text-size-adjust: 100%; } - body { - font-size: 1rem; - } + code, pre { font-size: 0.8rem; } - code, pre { - font-size: 0.8rem; + body { font-size: 1rem; } + p, li, a { font-size: 1rem; } - font-family: - ui-monospace, - SFMono-Regular, - Menlo, Monaco, - Consolas, - "Liberation Mono", - "Courier New", - monospace - ; - } + b { font-size: 1.05rem; } + figcaption { font-size: 1.1rem; } + strong { font-size: 1.2rem; } + img { font-size: 1.25rem; } - p, li, a { - font-size: 1rem; - } + /* More Subtle */ + h6 { font-size: 1.3rem; } + h5 { font-size: 1.4rem; } + h4 { font-size: 1.5rem; } + h3 { font-size: 1.6rem; } + h2 { font-size: 1.7rem; } + h1 { font-size: 1.8rem; } + /* */ - b, figcaption { - font-size: 1.1rem; - font-weight: bold; - } + /* More Pronounced * / + h6 { font-size: 1.30rem; } + h5 { font-size: 1.55rem; } + h4 { font-size: 1.80rem; } + h3 { font-size: 1.95rem; } + h2 { font-size: 2.10rem; } + h1 { font-size: 2.35rem; } + /* */ - strong, img { - font-size: 1.2rem; - font-weight: bolder; - } + /*** Font Weights ***/ - h6, h5 { - font-size: 1.5rem; - } - - h4, h3 { - font-size: 1.75rem; - } - - h2, h1 { - font-size: 2rem; - } + b, figcaption { font-weight: bold; } + strong, img { font-weight: bolder; }