76 lines
1.2 KiB
CSS
76 lines
1.2 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;
|
|
}
|
|
/* */
|
|
|
|
/*** Font Sizes ***/
|
|
|
|
html {
|
|
font-size: 16px;
|
|
/* Prevent Firefox Reader Inconsistency */
|
|
-webkit-text-size-adjust: 100%;
|
|
-moz-text-size-adjust: 100%;
|
|
-ms-text-size-adjust: 100%;
|
|
text-size-adjust: 100%;
|
|
}
|
|
|
|
body {
|
|
font-size: 1rem;
|
|
}
|
|
|
|
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: 1.2rem;
|
|
font-weight: bolder;
|
|
}
|
|
|
|
h6, h5 {
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
h4, h3 {
|
|
font-size: 1.75rem;
|
|
}
|
|
|
|
h2, h1 {
|
|
font-size: 2rem;
|
|
}
|