@react-email/font
v0.0.10TypeScript
A React Font component to set your fonts
0/weekUpdated 1 months agoMITUnpacked: 13.7 KB
Published by zenorocha
@react-email/font
A React Font component to set your font family.
Install
Install component from your command line.
#### With yarn
``sh`
yarn add @react-email/font -E
#### With npm
`sh`
npm install @react-email/font -E
Getting started
Add the component to your email template.
`jsx
import { Html } from "@react-email/html";
import { Head } from "@react-email/head";
import { Font } from "@react-email/font";
const Email = () => {
return (
fallbackFontFamily="Verdana"
webFont={{
url: "https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2",
format: "woff2",
}}
/>
);
};
``
Support
This component was tested using the most popular email clients.
| 
| 
| 
| 
| 
| 
|
| -------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ |
| Gmail ✔ | Apple Mail ✔ | Outlook ✔ | Yahoo! Mail ✔ | HEY ✔ | Superhuman ✔ |
License
MIT License