diff --git a/src/components/Animate/MseTypo/MseTypo.tsx b/src/components/Animate/MseTypo/MseTypo.tsx index 146916b..aff9ee9 100644 --- a/src/components/Animate/MseTypo/MseTypo.tsx +++ b/src/components/Animate/MseTypo/MseTypo.tsx @@ -1,7 +1,7 @@ import { useRef } from "react"; import { motion, useInView } from "framer-motion"; import { cn } from "@/utils"; -import { titleFont } from "@/fonts/fonts"; +import { titleFont, titleFontBold } from "@/fonts/fonts"; export const strokeAnimation = { hidden: { strokeDashoffset: 650, strokeDasharray: 650 }, @@ -40,7 +40,7 @@ const MsoTypo = () => { {"M"} @@ -68,7 +68,7 @@ const MsoTypo = () => { {"E"} diff --git a/src/components/Common/TitleText/TitleText.tsx b/src/components/Common/TitleText/TitleText.tsx index c9f6efb..4aa83c1 100644 --- a/src/components/Common/TitleText/TitleText.tsx +++ b/src/components/Common/TitleText/TitleText.tsx @@ -1,20 +1,29 @@ -import { titleFont } from "@/fonts/fonts"; +import { titleFont, titleFontBold } from "@/fonts/fonts"; import { cn } from "@/utils"; import { PropsWithChildren } from "react"; type TTitleText = PropsWithChildren<{ className?: string; tag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "div" | "p"; + isBold?: boolean; }>; const TitleText: React.FC = ({ className = "", children, tag = "h1", + isBold = false, }) => { const Component = tag; return ( - + {children} ); diff --git a/src/components/Ui/MseLogo/MseLogo.tsx b/src/components/Ui/MseLogo/MseLogo.tsx index c2da15d..edcebce 100644 --- a/src/components/Ui/MseLogo/MseLogo.tsx +++ b/src/components/Ui/MseLogo/MseLogo.tsx @@ -5,10 +5,10 @@ const MseLogo = () => { return ( - + MM - + SWE.com diff --git a/src/fonts/PT Mono Bold.ttf b/src/fonts/PT Mono Bold.ttf new file mode 100644 index 0000000..30ee83c Binary files /dev/null and b/src/fonts/PT Mono Bold.ttf differ diff --git a/src/fonts/fonts.ts b/src/fonts/fonts.ts index 6417e40..9db2425 100644 --- a/src/fonts/fonts.ts +++ b/src/fonts/fonts.ts @@ -1,4 +1,6 @@ import { PT_Mono, Work_Sans } from "next/font/google"; +import localFont from "next/font/local"; +// import {} from "next/font" export const titleFont = PT_Mono({ weight: "400", @@ -9,3 +11,8 @@ export const bodyFont = Work_Sans({ weight: "400", subsets: ["latin"], }); + +export const titleFontBold = localFont({ + src: "./PT Mono Bold.ttf", + display: "swap", +});