brian/material-kit-design
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adding in fonts

Browse Source
This commit is contained in:
Brian
2026-06-01 15:01:14 -06:00
parent f53f3a82a4
commit e5e45043a8
6 changed files with 11 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+3 -1
View File
@@ -39,7 +39,9 @@
<!-- <link href="https://example.com/favicon.png" rel="icon" sizes="192x192"> --> <!-- <link href="https://example.com/favicon.png" rel="icon" sizes="192x192"> -->
<!-- Font preloads (should be done for each font file) --> <!-- Font preloads (should be done for each font file) -->
<link href="https://example.com/fonts/fontfam/font.woff2" rel="preload" as="font" type="font/woff2" crossorigin="anonymous"> <link href="public/fonts/material-icons-round/material-icons-round-latin-400-normal.woff2" rel="preload" as="font" type="font/woff2" crossorigin="anonymous">
<link href="public/fonts/roboto/Roboto-VariableFont_wdth-wght.woff2" rel="preload" as="font" type="font/woff2" crossorigin="anonymous">
<link href="public/fonts/roboto-slab/RobotoSlab-VariableFont_wght.woff2" rel="preload" as="font" type="font/woff2" crossorigin="anonymous">
<!-- CSS --> <!-- CSS -->
<link href="/src/style.css" rel="stylesheet" media="screen"> <link href="/src/style.css" rel="stylesheet" media="screen">
public/fonts/material-icons-round/material-icons-round-latin-400-normal.woff2
BIN
View File
Binary file not shown.
public/fonts/roboto-slab/RobotoSlab-VariableFont_wght.woff2
BIN
View File
Binary file not shown.
public/fonts/roboto/Roboto-Italic-VariableFont_wdth-wght.woff2
BIN
View File
Binary file not shown.
public/fonts/roboto/Roboto-VariableFont_wdth-wght.woff2
BIN
View File
Binary file not shown.
src/style.css
+8 -40
View File
@@ -6,58 +6,26 @@
@font-face { @font-face {
font-family: 'Roboto'; font-family: 'Roboto';
font-weight: 300; font-weight: 100 900;
font-style: normal; font-style: normal;
font-display: swap; font-display: swap;
src: url('/fonts/roboto/roboto-latin-300-normal.woff2') format('woff2'); src: url('/fonts/roboto/Roboto-VariableFont_wdth-wght.woff2') format('woff2');
} }
@font-face { @font-face {
font-family: 'Roboto'; font-family: 'Roboto';
font-weight: 400; font-weight: 100 900;
font-style: normal; font-style: italic;
font-display: swap; font-display: swap;
src: url('/fonts/roboto/roboto-latin-400-normal.woff2') format('woff2'); src: url('/fonts/roboto/Roboto-Italic-VariableFont_wdth-wght.woff2') format('woff2');
}
@font-face {
font-family: 'Roboto';
font-weight: 500;
font-style: normal;
font-display: swap;
src: url('/fonts/roboto/roboto-latin-500-normal.woff2') format('woff2');
}
@font-face {
font-family: 'Roboto';
font-weight: 700;
font-style: normal;
font-display: swap;
src: url('/fonts/roboto/roboto-latin-700-normal.woff2') format('woff2');
}
@font-face {
font-family: 'Roboto';
font-weight: 900;
font-style: normal;
font-display: swap;
src: url('/fonts/roboto/roboto-latin-900-normal.woff2') format('woff2');
} }
@font-face { @font-face {
font-family: 'Roboto Slab'; font-family: 'Roboto Slab';
font-weight: 400; font-weight: 100 900;
font-style: normal; font-style: normal;
font-display: swap; font-display: swap;
src: url('/fonts/roboto-slab/roboto-slab-latin-400-normal.woff2') format('woff2'); src: url('/fonts/roboto-slab/RobotoSlab-VariableFont_wght.woff2') format('woff2');
}
@font-face {
font-family: 'Roboto Slab';
font-weight: 700;
font-style: normal;
font-display: swap;
src: url('/fonts/roboto-slab/roboto-slab-latin-700-normal.woff2') format('woff2');
} }
@font-face { @font-face {
@@ -65,7 +33,7 @@
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
font-display: block; font-display: block;
src: url('/fonts/material-icons-round/material-icons-round-all-400-normal.woff2') format('woff2'); src: url('/fonts/material-icons-round/material-icons-round-latin-400-normal.woff2') format('woff2');
} }
/* ============================================================ /* ============================================================