78 lines
1.6 KiB
CSS
78 lines
1.6 KiB
CSS
/*** Fonts and text sizes. ***/
|
|
|
|
/* For debugging anything which does not have a font size yet. * /
|
|
* {
|
|
color: cyan;
|
|
font-size: xx-large;
|
|
}
|
|
/* */
|
|
|
|
/*** 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;
|
|
}
|
|
/* */
|
|
|
|
code, pre, .mono {
|
|
font-family:
|
|
ui-monospace,
|
|
SFMono-Regular,
|
|
Menlo, Monaco,
|
|
Consolas,
|
|
"Liberation Mono",
|
|
"Courier New",
|
|
monospace
|
|
;
|
|
}
|
|
|
|
/*** Font Sizes ***/
|
|
|
|
html {
|
|
font-size: 16px;
|
|
/* Attempt to prevent Firefox sizing inconsistencies. * /
|
|
-webkit-text-size-adjust: 100%;
|
|
-moz-text-size-adjust: 100%;
|
|
-ms-text-size-adjust: 100%;
|
|
text-size-adjust: 100%;
|
|
/* */
|
|
}
|
|
|
|
code, pre { font-size: 0.8rem; }
|
|
|
|
body { font-size: 1rem; }
|
|
p, li, a { font-size: 1rem; }
|
|
|
|
b { font-size: 1.05rem; }
|
|
figcaption { font-size: 1.1rem; }
|
|
strong { font-size: 1.2rem; }
|
|
img { font-size: 1.25rem; }
|
|
|
|
/* 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; }
|
|
/* */
|
|
|
|
/* 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; }
|
|
/* */
|
|
|
|
/*** Font Weights ***/
|
|
|
|
b, figcaption { font-weight: bold; }
|
|
strong, img { font-weight: bolder; }
|