mirror of
https://git.acl.cool/al/pages.git
synced 2025-12-14 19:51:16 -05:00
303 lines
No EOL
7.4 KiB
CSS
303 lines
No EOL
7.4 KiB
CSS
@font-face {
|
|
font-family: 'Heading';
|
|
src: url('../assets/fonts/LiterataTT/LiterataTT-SubheadRegular-Subset.woff2') format('woff2');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Heading';
|
|
src: url('../assets/fonts/LiterataTT/LiterataTT-SubheadItalic-Subset.woff2') format('woff2');
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Heading';
|
|
src: url('../assets/fonts/LiterataTT/LiterataTT-SubheadBold-Subset.woff2') format('woff2');
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Heading';
|
|
src: url('../assets/fonts/LiterataTT/LiterataTT-SubheadBoldItalic-Subset.woff2') format('woff2');
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Subheading';
|
|
src: url('../assets/fonts/LiterataTT/LiterataTT-SubheadRegular-Subset.woff2') format('woff2');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Subheading';
|
|
src: url('../assets/fonts/LiterataTT/LiterataTT-SubheadItalic-Subset.woff2') format('woff2');
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Subheading';
|
|
src: url('../assets/fonts/LiterataTT/LiterataTT-SubheadSemibold-Subset.woff2') format('woff2');
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Subheading';
|
|
src: url('../assets/fonts/LiterataTT/LiterataTT-SubheadSemiboldItalic-Subset.woff2') format('woff2');
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'BodySerif';
|
|
src: url('../assets/fonts/Alegreya/static/Alegreya-Regular-Subset.woff2') format('woff2');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-feature-settings: "lnum" 1, "kern" 1, "liga" 1;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'BodySerif';
|
|
src: url('../assets/fonts/Alegreya/static/Alegreya-Italic-Subset.woff2') format('woff2');
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
font-feature-settings: "lnum" 1, "kern" 1, "liga" 1;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'BodySerif';
|
|
src: url('../assets/fonts/Alegreya/static/Alegreya-Bold-Subset.woff2') format('woff2');
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
font-feature-settings: "lnum" 1, "kern" 1, "liga" 1;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'BodySerif';
|
|
src: url('../assets/fonts/Alegreya/static/Alegreya-BoldItalic-Subset.woff2') format('woff2');
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
font-feature-settings: "lnum" 1, "kern" 1, "liga" 1;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'BodySans';
|
|
src: url('../assets/fonts/Alegreya_Sans/AlegreyaSans-Regular-Subset.woff2') format('woff2');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-feature-settings: "lnum" 1, "kern" 1, "liga" 1;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'BodySans';
|
|
src: url('../assets/fonts/Alegreya_Sans/AlegreyaSans-Italic-Subset.woff2') format('woff2');
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
font-feature-settings: "lnum" 1, "kern" 1, "liga" 1;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'BodySans';
|
|
src: url('../assets/fonts/Alegreya_Sans/AlegreyaSans-Bold-Subset.woff2') format('woff2');
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
font-feature-settings: "lnum" 1, "kern" 1, "liga" 1;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'BodySans';
|
|
src: url('../assets/fonts/Alegreya_Sans/AlegreyaSans-BoldItalic-Subset.woff2') format('woff2');
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
font-feature-settings: "lnum" 1, "kern" 1, "liga" 1;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Mono';
|
|
src: url('../assets/fonts/JuliaMono/JuliaMono-Light.woff2') format('woff2');
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Mono';
|
|
src: url('../assets/fonts/JuliaMono/JuliaMono-LightItalic-Subset.woff2') format('woff2');
|
|
font-weight: 300;
|
|
font-style: italic;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Mono';
|
|
src: url('../assets/fonts/JuliaMono/JuliaMono-Regular-Subset.woff2') format('woff2');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Mono';
|
|
src: url('../assets/fonts/JuliaMono/JuliaMono-RegularItalic-Subset.woff2') format('woff2');
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Mono';
|
|
src: url('../assets/fonts/JuliaMono/JuliaMono-SemiBold-Subset.woff2') format('woff2');
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Mono';
|
|
src: url('../assets/fonts/JuliaMono/JuliaMono-SemiBoldItalic-Subset.woff2') format('woff2');
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Quote";
|
|
src: url('../assets/fonts/Alegreya_Sans/AlegreyaSans-Italic.ttf') format('woff2');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Math';
|
|
src: url('../assets/fonts/STIXTwo/STIXTwoMath-Regular.woff2') format('woff2');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'CursivePw';
|
|
src: url('../assets/fonts/PlaywriteUSA/PlaywriteUSTrad-Light-Subset.woff2') format('woff2');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'ToaqLatin';
|
|
src: url('../assets/fonts/Charis-7.000/Charis-Regular.ttf') format('truetype');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'ToaqLatin';
|
|
src: url('../assets/fonts/Charis-7.000/Charis-Italic.ttf') format('truetype');
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'ToaqLatin';
|
|
src: url('../assets/fonts/Charis-7.000/Charis-Bold.ttf') format('truetype');
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'ToaqLatin';
|
|
src: url('../assets/fonts/Charis-7.000/Charis-BoldItalic.ttf') format('truetype');
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
:root {
|
|
--base-font-size: 16pt;
|
|
}
|
|
|
|
html {
|
|
font-size: var(--base-font-size);
|
|
}
|
|
|
|
/* Setting the line height here apparently stops "normal" from varying
|
|
across the course of <body>. */
|
|
body {
|
|
font-size: var(--base-font-size);
|
|
line-height: var(--read-spacing);
|
|
font-display: swap;
|
|
}
|
|
|
|
.font-hidpi body {
|
|
font-family: "BodySerif", serif;
|
|
}
|
|
|
|
.font-lodpi body {
|
|
font-family: "BodySans", sans-serif;
|
|
}
|
|
|
|
h1 {
|
|
font-family: "Heading";
|
|
line-height: 1.2;
|
|
font-optical-sizing: auto;
|
|
font-feature-settings: "smcp", "kern", "liga", "dlig", "calt";
|
|
}
|
|
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
font-family: "Subheading";
|
|
line-height: var(--ui-spacing);
|
|
font-optical-sizing: auto;
|
|
font-style: normal;
|
|
}
|
|
|
|
:root {
|
|
--head-mult: 0.88; /* This is pairwise fixed, Literata + Alegreya. */
|
|
}
|
|
|
|
h1 {
|
|
margin-block: 0.67em;
|
|
font-size: calc(2.8 * var(--base-font-size) * var(--head-mult));
|
|
}
|
|
|
|
h2 {
|
|
font-size: calc(1.8 * var(--base-font-size) * var(--head-mult));
|
|
}
|
|
|
|
h3 {
|
|
font-size: calc(1.6 * var(--base-font-size) * var(--head-mult));
|
|
}
|
|
|
|
h4 {
|
|
font-size: calc(1.4 * var(--base-font-size) * var(--head-mult));
|
|
}
|
|
|
|
h5 {
|
|
font-size: calc(1.2 * var(--base-font-size) * var(--head-mult));
|
|
}
|
|
|
|
h6 {
|
|
font-size: calc(1.0 * var(--base-font-size * var(--head-mult)))
|
|
}
|
|
|
|
code, pre code {
|
|
font-family: "Mono";
|
|
font-size: calc(0.84 * var(--base-font-size));
|
|
font-variant-ligatures: no-contextual;
|
|
}
|
|
|
|
/* for STIX 2 */
|
|
math {
|
|
font-family: "Math";
|
|
font-size: calc(0.96 * var(--base-font-size));
|
|
}
|
|
|
|
.cursive {
|
|
font-family: "CursivePw";
|
|
font-size: calc(0.86 * var(--base-font-size));
|
|
}
|
|
|
|
.toaq-latin {
|
|
font-family: "ToaqLatin";
|
|
font-size: calc(0.92 * var(--base-font-size));
|
|
}
|
|
|
|
.toaq-latin blockquote {
|
|
line-height: var(--ui-spacing * 1.5);
|
|
} |