twk95/11ty-site
Public Access
1
0
Fork 0
Code Actions Packages Activity

feat: self host google fonts

Browse Source
This commit is contained in:
Jesus Otero Lagunes
2025-09-05 14:58:38 -04:00
parent 54471b2c2b
commit 390b8af67d
6 changed files with 33 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.eleventy.js
View File

@@ -15,6 +15,7 @@ module.exports = function(eleventyConfig) {
eleventyConfig.addPassthroughCopy({ 'src/sitemap.xml': '/sitemap.xml' }); eleventyConfig.addPassthroughCopy({ 'src/sitemap.xml': '/sitemap.xml' });
eleventyConfig.addPassthroughCopy("src/css/prism-tomorrow.css"); eleventyConfig.addPassthroughCopy("src/css/prism-tomorrow.css");
eleventyConfig.addPassthroughCopy("src/assets/fontawesome"); eleventyConfig.addPassthroughCopy("src/assets/fontawesome");
eleventyConfig.addPassthroughCopy("src/assets/googlefonts");
eleventyConfig.addPlugin(syntaxHighlight); eleventyConfig.addPlugin(syntaxHighlight);

BIN
src/assets/googlefonts/ibm-plex-sans-v22-latin-700.woff2 Normal file
View File

Binary file not shown.

BIN
src/assets/googlefonts/ibm-plex-sans-v22-latin-regular.woff2 Normal file
View File

Binary file not shown.

BIN
src/assets/googlefonts/red-hat-mono-v15-latin-700.woff2 Normal file
View File

Binary file not shown.

BIN
src/assets/googlefonts/red-hat-mono-v15-latin-regular.woff2 Normal file
View File

Binary file not shown.

32
src/css/input.css
View File

@@ -4,6 +4,38 @@
html, body { html, body {
height: 100%; height: 100%;
} }
/* red-hat-mono-regular - latin */
@font-face {
font-display: swap;
font-family: 'Red Hat Mono';
font-style: normal;
font-weight: 400;
src: url('/assets/googlefonts/red-hat-mono-v15-latin-regular.woff2') format('woff2');
}
/* red-hat-mono-700 - latin */
@font-face {
font-display: swap;
font-family: 'Red Hat Mono';
font-style: normal;
font-weight: 700;
src: url('/assets/googlefonts/red-hat-mono-v15-latin-700.woff2') format('woff2');
}
/* ibm-plex-sans-regular - latin */
@font-face {
font-display: swap;
font-family: 'IBM Plex Sans';
font-style: normal;
font-weight: 400;
src: url('/assets/googlefonts/ibm-plex-sans-v22-latin-regular.woff2') format('woff2');
}
/* ibm-plex-sans-700 - latin */
@font-face {
font-display: swap;
font-family: 'IBM Plex Sans';
font-style: normal;
font-weight: 700;
src: url('/assets/googlefonts/ibm-plex-sans-v22-latin-700.woff2') format('woff2');
}
body { body {
font-family: 'IBM Plex Sans', sans-serif; font-family: 'IBM Plex Sans', sans-serif;
background-color: #1a202c; background-color: #1a202c;