refactor(gui-client): embed fonts directly (#9398)

This will prevent the fonts from failing to load if the user has no
internet connection.

Tested.
This commit is contained in:
Jamil
2025-06-04 14:43:23 -07:00
committed by GitHub
parent 443e6d2891
commit 339af8d7ab
4 changed files with 11 additions and 4 deletions

View File

@@ -6,9 +6,6 @@
<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon" />
<link rel="stylesheet" href="src-frontend/main.css" />
<script type="module" src="src-frontend/main.tsx"></script>
<style>
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap");
</style>
<title>Firezone</title>
</head>
<body id="root" />

View File

@@ -16,6 +16,7 @@
"postinstall": "flowbite-react patch"
},
"dependencies": {
"@fontsource-variable/source-sans-3": "^5.2.8",
"@heroicons/react": "^2.2.0",
"@sentry/core": "^9.24.0",
"@sentry/react": "^9.24.0",

View File

@@ -8,6 +8,9 @@ importers:
.:
dependencies:
'@fontsource-variable/source-sans-3':
specifier: ^5.2.8
version: 5.2.8
'@heroicons/react':
specifier: ^2.2.0
version: 2.2.0(react@19.1.0)
@@ -334,6 +337,9 @@ packages:
'@floating-ui/utils@0.2.9':
resolution: {integrity: sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==}
'@fontsource-variable/source-sans-3@5.2.8':
resolution: {integrity: sha512-iRQD4k06Wxm1668+AbPBoVo+CbgRsOz2E0/XibDJ7kAm9UhdhmNmsMTvs9KEl/mQxUj/487tr9w47NoM/TMhZQ==}
'@heroicons/react@2.2.0':
resolution: {integrity: sha512-LMcepvRaS9LYHJGsF0zzmgKCUim/X3N/DQKc4jepAXJ7l8QxJ1PmxJzqplF2Z3FE4PqBAIGyJAQ/w4B5dsqbtQ==}
peerDependencies:
@@ -1623,6 +1629,8 @@ snapshots:
'@floating-ui/utils@0.2.9': {}
'@fontsource-variable/source-sans-3@5.2.8': {}
'@heroicons/react@2.2.0(react@19.1.0)':
dependencies:
react: 19.1.0

View File

@@ -1,4 +1,5 @@
@import "tailwindcss";
@import "@fontsource-variable/source-sans-3";
@plugin "flowbite-react/plugin/tailwindcss";
@plugin 'flowbite/plugin';
@@ -43,7 +44,7 @@
--color-neutral-800: #4c3e33;
--color-neutral-900: #1b140e;
--default-font-family: "Source Sans 3";
--default-font-family: "Source Sans 3 Variable", sans-serif;
}
/*