chore(fonts.css): improve DM Sans implementation to use variable font files and proper italics

This commit is contained in:
Cory Dransfeldt 2025-04-23 11:05:53 -07:00
parent 1812e42976
commit 610ea8e74a
No known key found for this signature in database
8 changed files with 10 additions and 10 deletions

4
package-lock.json generated
View file

@ -1,12 +1,12 @@
{
"name": "coryd.dev",
"version": "3.1.1",
"version": "3.2.0",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "coryd.dev",
"version": "3.1.1",
"version": "3.2.0",
"license": "MIT",
"dependencies": {
"html-minifier-terser": "7.2.0",

View file

@ -1,6 +1,6 @@
{
"name": "coryd.dev",
"version": "3.1.1",
"version": "3.2.0",
"description": "The source for my personal site. Built using 11ty (and other tools).",
"type": "module",
"engines": {

BIN
src/assets/fonts/dm.woff2 Normal file

Binary file not shown.

Binary file not shown.

BIN
src/assets/fonts/dmi.woff2 Normal file

Binary file not shown.

Binary file not shown.

View file

@ -8,17 +8,17 @@
@font-face {
font-family: "DM Sans";
src: url("/assets/fonts/dmr.woff2") format("woff2");
font-weight: 400;
src: url("/assets/fonts/dm.woff2") format("woff2");
font-weight: 100 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "DM Sans";
src: url("/assets/fonts/dmb.woff2") format("woff2");
font-weight: 700;
font-style: normal;
src: url("/assets/fonts/dmi.woff2") format("woff2");
font-weight: 100 700;
font-style: italic;
font-display: swap;
}

View file

@ -3,8 +3,8 @@
<head>
<meta charset="utf-8" />
<link rel="preload" href="/assets/fonts/sg.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
<link rel="preload" href="/assets/fonts/dmr.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
<link rel="preload" href="/assets/fonts/dmb.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
<link rel="preload" href="/assets/fonts/dm.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
<link rel="preload" href="/assets/fonts/dmi.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
<link rel="preload" href="/assets/fonts/ml.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
<noscript>
<link rel="stylesheet" href="/assets/styles/noscript.css?v={% appVersion %}" type="text/css" />