Package Exports
- @react-email/font
- @react-email/font/dist/index.js
- @react-email/font/dist/index.mjs
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@react-email/font) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
@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 -EWith npm
npm install @react-email/font -EGetting 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