fix(ui): removed internet hosted fonts from app (#955)

* fix(ui): removed internet hosted fonts from app

* Update packages/web/src/components/generic/Mono.tsx

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* Update packages/web/src/components/UI/Typography/Code.tsx

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* removed unsupported font extention

* formatter fix

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
This commit is contained in:
Dan Ditomaso
2025-11-19 17:52:26 -05:00
committed by GitHub
parent 295755ec4c
commit 06cc266acd
5 changed files with 18 additions and 12 deletions

View File

@@ -11,16 +11,6 @@
<link rel="manifest" href="site.webmanifest" />
<link rel="mask-icon" href="logo_black.svg" color="#67ea94" />
<link
rel="stylesheet"
href="https://rsms.me/inter/inter.css"
crossorigin="anonymous"
/>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@xz/fonts@1/serve/cascadia-code.min.css"
crossorigin="anonymous"
/>
<link
rel="stylesheet"
href="src/index.css"

View File

Binary file not shown.

View File

Binary file not shown.

View File

@@ -3,7 +3,7 @@ export interface CodeProps {
}
export const Code = ({ children }: CodeProps) => (
<code className="relative rounded-sm bg-slate-100 px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold text-slate-900 dark:bg-slate-800 dark:text-slate-400">
<code className="relative rounded-sm bg-slate-100 px-[0.3rem] py-[0.2rem] text-sm font-semibold font-mono text-slate-900 dark:bg-slate-800 dark:text-slate-400">
{children}
</code>
);

View File

@@ -1,3 +1,19 @@
@font-face {
font-family: 'Inter var';
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url('/fonts/InterVariable.woff2') format('woff2');
}
@font-face {
font-family: 'Inter var';
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url('/fonts/InterVariable-Italic.woff2') format('woff2');
}
@import "tailwindcss";
/* @import '@meshtastic/ui/theme/default.css'; */
/* @source "../node_modules/@meshtastic/ui"; */
@@ -11,7 +27,7 @@
@theme {
--font-mono:
Cascadia Code, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
"Liberation Mono", "Courier New", monospace;
--font-sans:
Inter var, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",