some font changes

This commit is contained in:
Alexander 2025-06-09 11:47:34 -04:00
parent 66af302e2d
commit 2e5936de94
81 changed files with 366 additions and 114 deletions

View file

@ -1,68 +1,99 @@
@font-face {
font-family: 'Heading';
src: url('../assets/fonts/Saira/Saira_SemiCondensed-Light.ttf') format('truetype');
src: url('../assets/fonts/LiterataTT/LiterataTT-DisplayRegular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Heading';
src: url('../assets/fonts/Saira/Saira_SemiCondensed-LightItalic.ttf') format('truetype');
src: url('../assets/fonts/LiterataTT/LiterataTT-DisplayItalic.woff2') format('woff2');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Heading';
src: url('../assets/fonts/Saira/Saira_SemiCondensed-SemiBold.ttf') format('truetype');
src: url('../assets/fonts/LiterataTT/LiterataTT-DisplayBold.woff2') format('woff2');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Heading';
src: url('../assets/fonts/LiterataTT/LiterataTT-DisplayBoldItalic.woff2') format('woff2');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Subheading';
src: url('../assets/fonts/LiterataTT/LiterataTT-SubheadRegular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Subheading';
src: url('../assets/fonts/LiterataTT/LiterataTT-SubheadItalic.woff2') format('woff2');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Subheading';
src: url('../assets/fonts/LiterataTT/LiterataTT-SubheadBold.woff2') format('woff2');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Subheading';
src: url('../assets/fonts/LiterataTT/LiterataTT-SubheadBoldItalic.woff2') format('woff2');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'BodySerif';
src: url('../assets/fonts/Rowan_Complete/Fonts/WEB/fonts/Rowan-Regular.woff2') format('woff2');
src: url('../assets/fonts/STIXTwoText/STIXTwoText_Regular.otf') format('opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'BodySerif';
src: url('../assets/fonts/Rowan_Complete/Fonts/WEB/fonts/Rowan-Italic.woff2') format('woff2');
src: url('../assets/fonts/STIXTwoText/STIXTwoText_Italic.otf') format('opentype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'BodySerif';
src: url('../assets/fonts/Rowan_Complete/Fonts/WEB/fonts/Rowan-Bold.woff2') format('woff2');
src: url('../assets/fonts/STIXTwoText/STIXTwoText_Bold.otf') format('opentype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'BodySerif';
src: url('../assets/fonts/Rowan_Complete/Fonts/WEB/fonts/Rowan-BoldItalic.woff2') format('woff2');
src: url('../assets/fonts/STIXTwoText/STIXTwoText_BoldItalic.otf') format('opentype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'BodySans';
src: url('../assets/fonts/Open_Sans/OpenSans-Regular.ttf') format('truetype');
src: url('../assets/fonts/Source_Sans_3/static/SourceSans3-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'BodySans';
src: url('../assets/fonts/Open_Sans/OpenSans-Italic.ttf') format('truetype');
src: url('../assets/fonts/Source_Sans_3/static/SourceSans3-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'BodySans';
src: url('../assets/fonts/Open_Sans/OpenSans-Bold.ttf') format('truetype');
src: url('../assets/fonts/Source_Sans_3/static/SourceSans3-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'BodySans';
src: url('../assets/fonts/Open_Sans/OpenSans-BoldItalic.ttf') format('truetype');
src: url('../assets/fonts/Source_Sans_3/static/SourceSans3-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}

View file

@ -1,23 +1,68 @@
@import url(fonts.css);
:root {
--base-font-size: 1.1rem;
}
body {
font-size: var(--base-font-size);
}
.font-body-serif body {
font-family: "BodySerif", serif;
font-family: "BodySerif", sans-serif;
}
.font-body-sans body {
font-family: "BodySans", sans-serif;
font-family: "BodySans", serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Heading";
h1 {
font-family: "Subheading";
}
h2,
h3,
h4,
h5,
h6 {
font-family: "Subheading";
}
h1 {
font-size: calc(2.1 * var(--base-font-size));
}
h2 {
font-size: calc(1.8 * var(--base-font-size));
}
h3 {
font-size: calc(1.6 * var(--base-font-size));
}
h4 {
font-size: calc(1.4 * var(--base-font-size));
}
h5 {
font-size: calc(1.2 * var(--base-font-size));
}
h6 {
font-size: calc(1.0 * var(--base-font-size))
}
code {
font-family: "Mono";
font-size: calc(0.9 * var(--base-font-size));
}
code:not(pre code) {
font-weight: bold;
}
.container {
max-width: 800px;
margin-left: auto;
margin-right: auto;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}