gitea/amati
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update: font type manrope to inter

Browse Source
This commit is contained in:
abiyasa05 2024-09-04 09:42:14 +07:00
parent 19133562ed
commit 67a784511c
3 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/frontend/src/main.tsx
View File

@ -3,7 +3,7 @@ import ReactDOM from "react-dom/client";
import App from "./App.tsx"; import App from "./App.tsx";
import "./index.css"; import "./index.css";
import "./styles/tailwind.css"; import "./styles/tailwind.css";
import "./styles/fonts/manrope.css"; import "./styles/fonts/inter.css";
ReactDOM.createRoot(document.getElementById("root")!).render( ReactDOM.createRoot(document.getElementById("root")!).render(
<React.StrictMode> <React.StrictMode>

2
apps/frontend/src/routes/__root.tsx
View File

@ -8,7 +8,7 @@ interface RouteContext {
export const Route = createRootRouteWithContext<RouteContext>()({ export const Route = createRootRouteWithContext<RouteContext>()({
component: () => ( component: () => (
<div className="font-manrope"> <div className="font-inter">
<Outlet /> <Outlet />
<TanStackRouterDevtools /> <TanStackRouterDevtools />
</div> </div>

6
apps/frontend/src/styles/fonts/inter.css Normal file
View File

@ -0,0 +1,6 @@
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
.font-inter {
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
}