Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-13 16:23:06 +10:00
Code Issues Packages Projects Releases Wiki Activity

loading fonts with next/font

Browse Source
This commit is contained in:
Doug Andrade
2023-05-29 22:25:36 -04:00
parent f5091dd4d7
commit 007fe44db8
3 changed files with 19 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
apps/web/components/layout.tsx
View File

@ -1,13 +1,28 @@
import { useEffect } from "react"; import { useEffect } from "react";
import { Montserrat, Qwigley } from "next/font/google";
import Link from "next/link"; import Link from "next/link";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import { NEXT_PUBLIC_WEBAPP_URL } from "@documenso/lib/constants"; import { NEXT_PUBLIC_WEBAPP_URL } from "@documenso/lib/constants";
import { useSubscription } from "@documenso/lib/stripe"; import { useSubscription } from "@documenso/lib/stripe";
import { BillingWarning } from "./billing-warning";
import Navigation from "./navigation"; import Navigation from "./navigation";
import { PaperAirplaneIcon } from "@heroicons/react/24/outline"; import { PaperAirplaneIcon } from "@heroicons/react/24/outline";
import { SubscriptionStatus } from "@prisma/client"; import { SubscriptionStatus } from "@prisma/client";
import { useSession } from "next-auth/react"; import { useSession } from "next-auth/react";
import { BillingWarning } from "./billing-warning";
const montserrat = Montserrat({
subsets: ["latin"],
weight: ["400", "700"],
display: "swap",
variable: "--font-sans",
});
const qwigley = Qwigley({
subsets: ["latin"],
weight: ["400"],
display: "swap",
variable: "--font-qwigley",
});
function useRedirectToLoginIfUnauthenticated() { function useRedirectToLoginIfUnauthenticated() {
const { data: session, status } = useSession(); const { data: session, status } = useSession();
@ -39,7 +54,7 @@ export default function Layout({ children }: any) {
return ( return (
<> <>
<div className="min-h-full"> <div className={`${montserrat.variable} min-h-full font-sans`}>
<Navigation /> <Navigation />
<main> <main>

32
apps/web/styles/tailwind.css
View File

@ -6,35 +6,3 @@
min-height: 100%; min-height: 100%;
} }
html,
body,
:host {
font-family: montserrat;
}
@font-face {
font-family: "Qwigley";
src: url("/fonts/Qwigley-Regular.ttf");
}
/* latin */
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("/fonts/montserrat.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,
U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("/fonts/montserrat.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,
U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

4
apps/web/tailwind.config.js
View File

@ -12,8 +12,8 @@ module.exports = {
theme: { theme: {
extend: { extend: {
fontFamily: { fontFamily: {
monteserrat: ["Monteserrat", "serif"], sans: ["var(--font-sans)", ...defaultTheme.fontFamily.sans],
qwigley: ["Qwigley", "serif"], qwigley: ["var(--font-qwigley)", "serif"],
}, },
colors: { colors: {
neon: { neon: {