mirror of
https://github.com/resend/react-email.git
synced 2026-09-14 14:18:02 +08:00
Bastiaan Verhaar
@react-email/font
A React Font component to set your font family.
Install
Install component from your command line.
With yarn
yarn add @react-email/font -E
With npm
npm install @react-email/font -E
Getting started
Add the component to your email template.
import { Html } from '@react-email/html';
import { Head } from '@react-email/head';
import { Font } from '@react-email/font';
const Email = () => {
return (
<Html lang="en">
<Head>
<Font
fontFamily="Roboto"
fallbackFontFamily="Verdana"
webFont={{
url: 'https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2',
format: 'woff2',
}}
/>
</Head>
</Html>
);
};
Support
This component was tested using the most popular email clients.
 |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|
| Gmail ✔ | Apple Mail ✔ | Outlook ✔ | Yahoo! Mail ✔ | HEY ✔ | Superhuman ✔ |
License
MIT License