Commander1024/C1024_2026
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add Source Code Pro fallback font styles and README

Browse Source
This commit is contained in:
Commander1024
2026-07-27 18:59:12 +02:00
parent e82c0377bd
commit 4cb1bfe0fc
3 changed files with 83 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
editor-style.css
+35 -5
View File
@@ -42,6 +42,36 @@
font-display: swap; font-display: swap;
} }
/* Public fallback for the locally licensed Berkeley Mono face. */
@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;
}
/* Match the frontend's light canvas. The admin chrome is intentionally untouched. */ /* Match the frontend's light canvas. The admin chrome is intentionally untouched. */
body.editor-styles-wrapper { body.editor-styles-wrapper {
/* The canvas may be wide; theme.json constrains normal blocks to contentSize. */ /* The canvas may be wide; theme.json constrains normal blocks to contentSize. */
@@ -169,7 +199,7 @@ body.editor-styles-wrapper {
.editor-styles-wrapper .wp-block-code .block-editor-plain-text, .editor-styles-wrapper .wp-block-code .block-editor-plain-text,
.editor-styles-wrapper .wp-block-preformatted .block-editor-rich-text__editable { .editor-styles-wrapper .wp-block-preformatted .block-editor-rich-text__editable {
/* Code blocks use editable controls rather than a rendered <code> element. */ /* Code blocks use editable controls rather than a rendered <code> element. */
font-family: "Berkeley Mono", monospace !important; font-family: "Berkeley Mono", "Source Code Pro", monospace !important;
font-size: 0.8em; font-size: 0.8em;
} }
@@ -199,7 +229,7 @@ body.editor-styles-wrapper {
.editor-styles-wrapper .wp-element-caption, .editor-styles-wrapper .wp-element-caption,
.editor-styles-wrapper .wp-caption-text { .editor-styles-wrapper .wp-caption-text {
color: #706a63; color: #706a63;
font-family: "Berkeley Mono", monospace; font-family: "Berkeley Mono", "Source Code Pro", monospace;
font-size: 1rem; font-size: 1rem;
} }
@@ -216,7 +246,7 @@ body.editor-styles-wrapper {
border-radius: 2px; border-radius: 2px;
background: #c3480b; background: #c3480b;
color: #fff; color: #fff;
font-family: "Berkeley Mono", monospace; font-family: "Berkeley Mono", "Source Code Pro", monospace;
font-size: 1rem; font-size: 1rem;
letter-spacing: 0.04em; letter-spacing: 0.04em;
} }
@@ -244,7 +274,7 @@ body.editor-styles-wrapper {
} }
.editor-styles-wrapper .wp-block-table th { .editor-styles-wrapper .wp-block-table th {
font-family: "Berkeley Mono", monospace; font-family: "Berkeley Mono", "Source Code Pro", monospace;
font-size: 1em; font-size: 1em;
} }
@@ -253,7 +283,7 @@ body.editor-styles-wrapper {
.editor-styles-wrapper .wp-block-quote cite, .editor-styles-wrapper .wp-block-quote cite,
.editor-styles-wrapper .wp-block-pullquote cite { .editor-styles-wrapper .wp-block-pullquote cite {
color: #706a63; color: #706a63;
font-family: "Berkeley Mono", monospace !important; font-family: "Berkeley Mono", "Source Code Pro", monospace !important;
font-size: 1rem; font-size: 1rem;
font-style: normal; font-style: normal;
} }
style.css
+47 -17
View File
@@ -46,6 +46,36 @@ License URI: https://www.gnu.org/licenses/gpl-2.0.html
font-display: swap; 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. */ /* Shared palette, layout, and code tokens; dark mode overrides the same names below. */
:root { :root {
color-scheme: light; color-scheme: light;
@@ -223,7 +253,7 @@ button {
.site-description { .site-description {
margin: 0.1rem 0 0; margin: 0.1rem 0 0;
color: var(--muted); color: var(--muted);
font-family: "Berkeley Mono", monospace; font-family: "Berkeley Mono", "Source Code Pro", monospace;
font-size: 1rem; font-size: 1rem;
letter-spacing: 0.07em; letter-spacing: 0.07em;
} }
@@ -234,7 +264,7 @@ button {
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style: none; list-style: none;
font-family: "Berkeley Mono", monospace; font-family: "Berkeley Mono", "Source Code Pro", monospace;
font-size: 1rem; font-size: 1rem;
letter-spacing: 0.04em; letter-spacing: 0.04em;
} }
@@ -314,7 +344,7 @@ input[type="submit"] {
border-radius: 2px; border-radius: 2px;
background: var(--accent); background: var(--accent);
color: #fff; color: #fff;
font-family: "Berkeley Mono", monospace; font-family: "Berkeley Mono", "Source Code Pro", monospace;
font-size: 1rem; font-size: 1rem;
letter-spacing: 0.04em; letter-spacing: 0.04em;
} }
@@ -365,7 +395,7 @@ h4 {
.entry-footer, .entry-footer,
.taxonomy { .taxonomy {
color: var(--muted); color: var(--muted);
font-family: "Berkeley Mono", monospace; font-family: "Berkeley Mono", "Source Code Pro", monospace;
font-size: 1rem; font-size: 1rem;
letter-spacing: 0.035em; letter-spacing: 0.035em;
} }
@@ -485,7 +515,7 @@ h4 {
font-size: 0.8em; font-size: 0.8em;
} }
.entry-content code { .entry-content code {
font-family: "Berkeley Mono", monospace; font-family: "Berkeley Mono", "Source Code Pro", monospace;
font-size: 0.8em; font-size: 0.8em;
} }
@@ -577,7 +607,7 @@ h4 {
} }
.wp-caption-text { .wp-caption-text {
color: var(--muted); color: var(--muted);
font-family: "Berkeley Mono", monospace; font-family: "Berkeley Mono", "Source Code Pro", monospace;
font-size: 1rem; font-size: 1rem;
} }
.wp-block-separator { .wp-block-separator {
@@ -589,7 +619,7 @@ h4 {
.wp-element-caption, .wp-element-caption,
.entry-content figcaption { .entry-content figcaption {
color: var(--muted); color: var(--muted);
font-family: "Berkeley Mono", monospace; font-family: "Berkeley Mono", "Source Code Pro", monospace;
font-size: 1rem; font-size: 1rem;
} }
@@ -599,7 +629,7 @@ h4 {
border-radius: 2px; border-radius: 2px;
background: var(--accent); background: var(--accent);
color: #fff; color: #fff;
font-family: "Berkeley Mono", monospace; font-family: "Berkeley Mono", "Source Code Pro", monospace;
font-size: 1rem; font-size: 1rem;
letter-spacing: 0.04em; letter-spacing: 0.04em;
text-decoration: none; text-decoration: none;
@@ -638,7 +668,7 @@ h4 {
.wp-block-table th { .wp-block-table th {
background: var(--surface); background: var(--surface);
font-family: "Berkeley Mono", monospace; font-family: "Berkeley Mono", "Source Code Pro", monospace;
font-size: 1em; font-size: 1em;
} }
@@ -651,7 +681,7 @@ h4 {
.wp-block-quote cite, .wp-block-quote cite,
.wp-block-pullquote cite { .wp-block-pullquote cite {
color: var(--muted); color: var(--muted);
font-family: "Berkeley Mono", monospace !important; font-family: "Berkeley Mono", "Source Code Pro", monospace !important;
font-size: 1rem; font-size: 1rem;
font-style: normal; font-style: normal;
} }
@@ -722,7 +752,7 @@ h4 {
margin: auto; margin: auto;
} }
.hero-eyebrow { .hero-eyebrow {
font-family: "Berkeley Mono", monospace; font-family: "Berkeley Mono", "Source Code Pro", monospace;
font-size: 1rem; font-size: 1rem;
letter-spacing: 0.1em; letter-spacing: 0.1em;
text-transform: uppercase; text-transform: uppercase;
@@ -754,7 +784,7 @@ h4 {
margin-top: 2.5rem; margin-top: 2.5rem;
padding-top: 1.5rem; padding-top: 1.5rem;
border-top: 1px solid var(--line); 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. */ /* Archive and search pagination follows the wide page-title alignment. */
.pagination { .pagination {
@@ -873,7 +903,7 @@ h4 {
align-items: center; align-items: center;
gap: 0.8rem; gap: 0.8rem;
color: var(--muted); color: var(--muted);
font-family: "Berkeley Mono", monospace; font-family: "Berkeley Mono", "Source Code Pro", monospace;
font-size: 1rem; font-size: 1rem;
line-height: 1.35; line-height: 1.35;
} }
@@ -922,13 +952,13 @@ h4 {
.comment-awaiting-moderation { .comment-awaiting-moderation {
margin: 1rem 0 0; margin: 1rem 0 0;
color: var(--accent); color: var(--accent);
font-family: "Berkeley Mono", monospace; font-family: "Berkeley Mono", "Source Code Pro", monospace;
font-size: 1rem; font-size: 1rem;
} }
.comment-actions { .comment-actions {
margin-top: 1.25rem; margin-top: 1.25rem;
font-family: "Berkeley Mono", monospace; font-family: "Berkeley Mono", "Source Code Pro", monospace;
font-size: 1rem; font-size: 1rem;
} }
@@ -936,7 +966,7 @@ h4 {
.comment-form .logged-in-as, .comment-form .logged-in-as,
.comment-form .comment-notes, .comment-form .comment-notes,
.comment-form .form-submit { .comment-form .form-submit {
font-family: "Berkeley Mono", monospace; font-family: "Berkeley Mono", "Source Code Pro", monospace;
font-size: 1rem; font-size: 1rem;
} }
.comment-form input:not([type="submit"]), .comment-form input:not([type="submit"]),
@@ -951,7 +981,7 @@ h4 {
padding: 2.5rem 1.5rem; padding: 2.5rem 1.5rem;
border-top: 1px solid var(--line); border-top: 1px solid var(--line);
color: var(--muted); color: var(--muted);
font-family: "Berkeley Mono", monospace; font-family: "Berkeley Mono", "Source Code Pro", monospace;
font-size: 1rem; font-size: 1rem;
} }
.footer-inner { .footer-inner {
theme.json
+1 -1
View File
@@ -95,7 +95,7 @@
] ]
}, },
{ {
"fontFamily": "\"Berkeley Mono\", monospace", "fontFamily": "\"Berkeley Mono\", \"Source Code Pro\", monospace",
"name": "Berkeley Mono", "name": "Berkeley Mono",
"slug": "berkeley-mono", "slug": "berkeley-mono",
"fontFace": [ "fontFace": [