use npm package to self-host fonts
This commit is contained in:
parent
95e7951c76
commit
181d33517e
3 changed files with 5 additions and 34 deletions
|
@ -37,6 +37,7 @@
|
|||
},
|
||||
"type": "module",
|
||||
"dependencies": {
|
||||
"@fontsource/firago": "^4.5.3",
|
||||
"@popperjs/core": "^2.11.7",
|
||||
"@sentry/node": "^7.46.0",
|
||||
"base64-arraybuffer": "^1.0.2",
|
||||
|
|
|
@ -1,5 +1,9 @@
|
|||
<script lang="ts">
|
||||
import "bootstrap/dist/css/bootstrap.min.css";
|
||||
import "@fontsource/firago/400.css";
|
||||
import "@fontsource/firago/400-italic.css";
|
||||
import "@fontsource/firago/700.css";
|
||||
import "@fontsource/firago/700-italic.css";
|
||||
import "bootstrap-icons/font/bootstrap-icons.css";
|
||||
import "./main.css";
|
||||
|
||||
|
|
|
@ -1,37 +1,3 @@
|
|||
@font-face {
|
||||
font-family: "FiraGO";
|
||||
font-display: swap;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url("/fonts/FiraGO-400.woff") format("woff");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "FiraGO";
|
||||
font-display: swap;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url("/fonts/FiraGO-400i.woff") format("woff");
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "FiraGO";
|
||||
font-display: swap;
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: url("/fonts/FiraGO-700.woff") format("woff");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "FiraGO";
|
||||
font-display: swap;
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: url("/fonts/FiraGO-700i.woff") format("woff");
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "FiraGO", sans-serif;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue