use npm package to self-host fonts

This commit is contained in:
lucdev 2023-04-24 12:05:28 -03:00
parent 95e7951c76
commit 181d33517e
No known key found for this signature in database
GPG key ID: 3B51DCD6DC00D613
3 changed files with 5 additions and 34 deletions

View file

@ -37,6 +37,7 @@
}, },
"type": "module", "type": "module",
"dependencies": { "dependencies": {
"@fontsource/firago": "^4.5.3",
"@popperjs/core": "^2.11.7", "@popperjs/core": "^2.11.7",
"@sentry/node": "^7.46.0", "@sentry/node": "^7.46.0",
"base64-arraybuffer": "^1.0.2", "base64-arraybuffer": "^1.0.2",

View file

@ -1,5 +1,9 @@
<script lang="ts"> <script lang="ts">
import "bootstrap/dist/css/bootstrap.min.css"; 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 "bootstrap-icons/font/bootstrap-icons.css";
import "./main.css"; import "./main.css";

View file

@ -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 { body {
font-family: "FiraGO", sans-serif; font-family: "FiraGO", sans-serif;
} }