1.0.3 • Published 2 years ago
@jsx-email/font v1.0.3
@jsx-email/font
Requirements
This package requires an LTS Node version (v18.0.0+) and React v18.2.0+.
Install
pnpm add @jsx-email/font
# We recommend pnpm - https://pnpm.io
# But npm and yarn are supported
# npm add @jsx-email/font
# yarn add @jsx-email/font
Usage
We recommend using the @jsx-email/cli
for creating new templates.
Create an email template file (e.g. Email.tsx
) and import the component:
import { Html } from '@jsx-email/html';
import { Head } from '@jsx-email/head';
import { Font } from '@jsx-email/font';
const Email = () => {
return (
<Html lang="en">
<Head>
<Font
fallbackFontFamily="Verdana"
fontFamily="Roboto"
webFont={{
url: 'https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2',
format: 'woff2'
}}
/>
</Head>
</Html>
);
};
Please see the @jsx-email/font
Documentation for props and additional usage information.
Attribution 🧡
This package was built upon prior work for react-email
by Bu Kinoshita (@bukinoshita) and Zeno Rocha (@zenorocha).
License
1.0.3
2 years ago
1.0.2-test.2
2 years ago
1.0.2-test.1
2 years ago
1.0.2
2 years ago
1.0.1
2 years ago
1.0.0
2 years ago