Themes
Ecommerce
UI Elements
Installation
$ pnpm dlx shadcn@latest add @emailcn/dither-fonts
Usage
import { DitherFonts } from "@/components/emails/fonts/dither-fonts";
export default function Email() {
return (
<Html>
<Head>
<DitherFonts />
</Head>
<Body>{/* email content */}</Body>
</Html>
);
}Font Details
| Property | Value |
|---|---|
| Primary Font | IBM Plex Sans Condensed |
| Secondary Font | Inter |
| Fallback | Arial, sans-serif |
| Weights | 300, 400, 500 (Inter) / 500 (IBM Plex Sans Condensed) |
| Source | Resend Protocol demo |