Themes
Ecommerce
UI Elements
Tech Fonts
Geist + Inter font stack for tech-focused email templates.
Installation
$ pnpm dlx shadcn@latest add @emailcn/tech-fonts
Usage
import { TechFonts } from "@/components/emails/fonts/tech-fonts";
export default function Email() {
return (
<Html>
<Head>
<TechFonts />
</Head>
<Body>{/* email content */}</Body>
</Html>
);
}Font Details
| Property | Value |
|---|---|
| Primary Font | Geist |
| Secondary Font | Inter |
| Fallback | Arial, sans-serif |
| Weights | 400, 450, 500, 600, 700 |
| Source | Resend Studio demo |