Add Source Code Pro fallback font styles and README

This commit is contained in:
2026-07-27 18:59:12 +02:00
parent e82c0377bd
commit 4cb1bfe0fc
3 changed files with 83 additions and 23 deletions
+47 -17
View File
@@ -46,6 +46,36 @@ License URI: https://www.gnu.org/licenses/gpl-2.0.html
font-display: swap;
}
/* Public fallback for systems that cannot load the privately licensed Berkeley Mono. */
@font-face {
font-family: "Source Code Pro";
src: url("fonts/SourceCodePro-Regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Source Code Pro";
src: url("fonts/SourceCodePro-Bold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Source Code Pro";
src: url("fonts/SourceCodePro-Italic.woff2") format("woff2");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Source Code Pro";
src: url("fonts/SourceCodePro-BoldItalic.woff2") format("woff2");
font-weight: 700;
font-style: italic;
font-display: swap;
}
/* Shared palette, layout, and code tokens; dark mode overrides the same names below. */
:root {
color-scheme: light;
@@ -223,7 +253,7 @@ button {
.site-description {
margin: 0.1rem 0 0;
color: var(--muted);
font-family: "Berkeley Mono", monospace;
font-family: "Berkeley Mono", "Source Code Pro", monospace;
font-size: 1rem;
letter-spacing: 0.07em;
}
@@ -234,7 +264,7 @@ button {
margin: 0;
padding: 0;
list-style: none;
font-family: "Berkeley Mono", monospace;
font-family: "Berkeley Mono", "Source Code Pro", monospace;
font-size: 1rem;
letter-spacing: 0.04em;
}
@@ -314,7 +344,7 @@ input[type="submit"] {
border-radius: 2px;
background: var(--accent);
color: #fff;
font-family: "Berkeley Mono", monospace;
font-family: "Berkeley Mono", "Source Code Pro", monospace;
font-size: 1rem;
letter-spacing: 0.04em;
}
@@ -365,7 +395,7 @@ h4 {
.entry-footer,
.taxonomy {
color: var(--muted);
font-family: "Berkeley Mono", monospace;
font-family: "Berkeley Mono", "Source Code Pro", monospace;
font-size: 1rem;
letter-spacing: 0.035em;
}
@@ -485,7 +515,7 @@ h4 {
font-size: 0.8em;
}
.entry-content code {
font-family: "Berkeley Mono", monospace;
font-family: "Berkeley Mono", "Source Code Pro", monospace;
font-size: 0.8em;
}
@@ -577,7 +607,7 @@ h4 {
}
.wp-caption-text {
color: var(--muted);
font-family: "Berkeley Mono", monospace;
font-family: "Berkeley Mono", "Source Code Pro", monospace;
font-size: 1rem;
}
.wp-block-separator {
@@ -589,7 +619,7 @@ h4 {
.wp-element-caption,
.entry-content figcaption {
color: var(--muted);
font-family: "Berkeley Mono", monospace;
font-family: "Berkeley Mono", "Source Code Pro", monospace;
font-size: 1rem;
}
@@ -599,7 +629,7 @@ h4 {
border-radius: 2px;
background: var(--accent);
color: #fff;
font-family: "Berkeley Mono", monospace;
font-family: "Berkeley Mono", "Source Code Pro", monospace;
font-size: 1rem;
letter-spacing: 0.04em;
text-decoration: none;
@@ -638,7 +668,7 @@ h4 {
.wp-block-table th {
background: var(--surface);
font-family: "Berkeley Mono", monospace;
font-family: "Berkeley Mono", "Source Code Pro", monospace;
font-size: 1em;
}
@@ -651,7 +681,7 @@ h4 {
.wp-block-quote cite,
.wp-block-pullquote cite {
color: var(--muted);
font-family: "Berkeley Mono", monospace !important;
font-family: "Berkeley Mono", "Source Code Pro", monospace !important;
font-size: 1rem;
font-style: normal;
}
@@ -722,7 +752,7 @@ h4 {
margin: auto;
}
.hero-eyebrow {
font-family: "Berkeley Mono", monospace;
font-family: "Berkeley Mono", "Source Code Pro", monospace;
font-size: 1rem;
letter-spacing: 0.1em;
text-transform: uppercase;
@@ -754,7 +784,7 @@ h4 {
margin-top: 2.5rem;
padding-top: 1.5rem;
border-top: 1px solid var(--line);
font-family: "Berkeley Mono", monospace;
font-family: "Berkeley Mono", "Source Code Pro", monospace;
}
/* Archive and search pagination follows the wide page-title alignment. */
.pagination {
@@ -873,7 +903,7 @@ h4 {
align-items: center;
gap: 0.8rem;
color: var(--muted);
font-family: "Berkeley Mono", monospace;
font-family: "Berkeley Mono", "Source Code Pro", monospace;
font-size: 1rem;
line-height: 1.35;
}
@@ -922,13 +952,13 @@ h4 {
.comment-awaiting-moderation {
margin: 1rem 0 0;
color: var(--accent);
font-family: "Berkeley Mono", monospace;
font-family: "Berkeley Mono", "Source Code Pro", monospace;
font-size: 1rem;
}
.comment-actions {
margin-top: 1.25rem;
font-family: "Berkeley Mono", monospace;
font-family: "Berkeley Mono", "Source Code Pro", monospace;
font-size: 1rem;
}
@@ -936,7 +966,7 @@ h4 {
.comment-form .logged-in-as,
.comment-form .comment-notes,
.comment-form .form-submit {
font-family: "Berkeley Mono", monospace;
font-family: "Berkeley Mono", "Source Code Pro", monospace;
font-size: 1rem;
}
.comment-form input:not([type="submit"]),
@@ -951,7 +981,7 @@ h4 {
padding: 2.5rem 1.5rem;
border-top: 1px solid var(--line);
color: var(--muted);
font-family: "Berkeley Mono", monospace;
font-family: "Berkeley Mono", "Source Code Pro", monospace;
font-size: 1rem;
}
.footer-inner {